[jQuery] jquery blocks javascript?
Hey.
I'm using jquery, to load in pages.
now one page, is a list. it uses *again jquery* jquery code, to do
something with the li.
Now somehow, alone, it works. but when I loaded in the page, it
doesn't work anymore.
Some code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-
easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.
1.2.pack.js"></script>
<!--[if IE]>
<style type="text/css">.jimgMenu {position:relative;width:
630px;height:200px;overflow:hidden;margin-left:20px;}</style>
<![endif]-->
<script type="text/javascript">
$(document).ready(function () {
$('div.jimgMenu ul li a').hover(function()
{
if ($(this).is(':animated')) {
$(this).stop().animate({width: "83px"}, {duration: 250,
easing:"easeOutQuad"});
} else
{
$(this).stop().animate({width: "83px"}, {duration: 300,
easing:"easeOutQuad"});
}
}, function ()
{
if ($(this).is(':animated')) {
$(this).stop().animate({width: "20px"}, {duration: 300,
easing:"easeInOutQuad"})
} else {
$(this).stop('animated:').animate({width: "20px"},
{duration: 250, easing:"easeInOutQuad"});
}
});
});
function curCH(num){
imagesLOC = new Array('images/avatars/av_01.jpg', 'images/
avatars/av_02.jpg', 'images/avatars/av_03.jpg', 'images/avatars/
av_04.jpg', 'images/avatars/av_05.jpg', 'images/avatars/av_06.jpg',
'images/avatars/av_07.jpg', 'images/avatars/av_08.jpg', 'images/
avatars/av_09.jpg', 'images/avatars/av_10.jpg', 'images/avatars/
av_11.jpg', 'images/avatars/av_12.jpg');
$("#currentIMG").html('<img src="'+imagesLOC[num]+'"
alt="Avatar '+num+'" />');
}
</script>
now, the
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></
script>
<script type="text/javascript" src="js/jquery-easing-compatibility.
1.2.pack.js"></script>
includes, contain the javascript to do something with the list.
This is how I load my content in a div: $("#mainTextRightText").load
('pages/pages.php?'+file);
So basically, the question is...
Am I able to use javascript, on the content I loaded in a div. if yes,
please tell me why it's not working for me. If no... thanks anywayz :)