jQuery conflit - .load et vol stationnaire

Question

J'essaie d'exécuter ces deux scripts séparés sur un site. Voici comment ils ressemblent:

<script type="text/javascript"> 
$(document).ready(function() { 

     var name = ""; 

     $(".home-roll-box").hover(function() { 
      name = $(this).attr("id"); 
      $("#image-"+name).stop().show().animate({ opacity: 1 }); 
     }, function() { 
      name = $(this).attr("id"); 
      $("#image-"+name).stop().animate({ opacity: 0 }); 
     }); 
     }); 
</script> 
<!--/Band Images--> 

<!--Navigation--> 
<script type="text/javascript"> 
     $.ajaxSetup ({ cache: false }); 

     $('ul.navigation li a').click(function() { 
     $('ul.navigation li.page_item.current_page_item').removeClass('current_page_item'); 
     $('ul.navigation li.page_item a.active').removeClass('active'); 
     $('#content-wrap').animate({ 
      top: "-2000px" 
     }, 1000); 

      var targetPage = $(this).attr('href'); 
      targetPage += " #content"; 

     setTimeout(function() { 
      $('#content-wrap').load(targetPage, function() { 
       $('#content-wrap').animate({ 
        top: "0px" 
       }, 1000); 
      }); 
     }); 
     $(this).addClass('active'); 
     return false; 
    }); 
</script> 

Ils travaillent tous les deux individuellement, mais pas ensemble. Il semble être le return false; au bas du deuxième script qui cause les problèmes.

Answer 1

Essayez d'ajouter un paramètre EVT dans votre gestionnaire de clic, puis appeler

evt.preventDefault(); 

Voici une bonne description des différences: http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/