Question

这是我的头jquery链接。我使用jquery 1.4.2作为我的滑块，1.9.1使用移动导航菜单。我需要两个都在我的网站上运行。请建议我如何运行两个jquery没有任何冲突。

<script src="js/modernizr.custom.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.dlmenu.js"></script>
<script>
  $(function() {
    $( '#dl-menu' ).dlmenu({
      animationClasses : { classin : 'dl-animate-in-4', classout : 'dl-animate-out-4' }
    });
  });
</script>
<script type="text/javascript">
 $(document).ready(function(){
$("#myController").jFlow({
    slides: "#mySlides",
    width: "1000px",
    height: "335px",
    duration: 400
 });
 });
 </script>

提前致谢..！

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    var jq191 = jQuery.noConflict();
</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    var jq142 = jQuery.noConflict();
    jq142('#myController').jFlow({ /* etc... */ });
</script>

2 ajax.googleapis代码之间的冲突

1 个答案: