jquery stopt mijn andere javascript?

Door wesley Overdijk op 29-07-2009 01:42

767 views

hey,

ik zit ergens mee... Ik gebruik jquery, voor de pagina navigatie.

Nu, laad ik een pagina in, waarin javascript gebruikt word.
het betreft een li, die dan dmv een geinclude js bestand, iets doet.

dit is de MAIN pagina: *alleen relevante code*


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <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>
    <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>
    <script type="text/javascript">
      
        function NAV(file){    
            $("#mainTextRightText").load('pages/pages.php?'+file);            
        }
    </script>
</head>
<body>                     
    <div id="fullcontainer">
    <div id="container">
        <div id="header">
        </div>    
        <div id="mainCont">
            <div id="leftCont">
                <div id="playerInfoCard"> 
                    <div id="playerInfoCardImgHolder">
                        <div id="playerInfoImgGloss">
                        </div> 
                        </div> 
                    </div>  
                </div>    
            </div>
            <div id="rightCont">
                <div id="pageTitleBar"> 
                </div>
                <div id="mainTextContainer"> 
                    <div id="mainText"> 
                        <div id="mainTextRightText">
                        </div>
                    </div>
                </div>   
            </div>
</body>
</html>

en dit word ingeladen:


<div class="jimgMenu">
                          <ul>
                            <li class="av1"><a href="#nogo" onclick="curCH(\'0\')">Avatar 1</a></li>
                            <li class="av2"><a href="#nogo" onclick="curCH(\'1\')">Avatar 2</a></li>
                            <li class="av3"><a href="#nogo" onclick="curCH(\'2\')">Avatar 3</a></li>
                            <li class="av4"><a href="#nogo" onclick="curCH(\'3\')">Avatar 4</a></li>
                            <li class="av5"><a href="#nogo" onclick="curCH(\'4\')">Avatar 5</a></li>
                            <li class="av6"><a href="#nogo" onclick="curCH(\'5\')">Avatar 6</a></li>
                            <li class="av7"><a href="#nogo" onclick="curCH(\'6\')">Avatar 7</a></li>
                            <li class="av8"><a href="#nogo" onclick="curCH(\'7\')">Avatar 8</a></li>    
                            <li class="av9"><a href="#nogo" onclick="curCH(\'8\')">Avatar 9</a></li>
                            <li class="av10"><a href="#nogo" onclick="curCH(\'9\')">Avatar 10</a></li>
                            <li class="av11"><a href="#nogo" onclick="curCH(\'10\')">Avatar 11</a></li>
                            <li class="av12"><a href="#nogo" onclick="curCH(\'11\')">Avatar 12</a></li>
                          </ul>
                        </div>

het kan zijn dat de divjes er raar uit zien, dat is omdat ik een grote pagina heb, en ik alleen relevante code plaats. nu hier, wat ik denk, is het volgende. dat omdat ik via jquery load iets inlaad, de js erin niet werkt. maar nu wil ik weten, waarom niet. en is er een manier op dit wel werkende te krijgen.

ik hoop dat iemand mij kan helpen.

solow.