同一页面中的 Javascript 和 jquery 冲突

Question

我在同一个页面中使用 javascript 和 Jquery。

某些事情阻止了 JQuery 正常工作我尝试使用 $jq = jQuery.noConflict(); 它没有解决。

我的代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>   
<script type="text/javascript" src="js/dropmenu.js"></script> 
<script src="js/beaverslider.js"></script>                                                
<script src="js/beaverslider-effects.js"></script>   

<script>
$jq = jQuery.noConflict();
$jq(document).ready(function($){
    $("#nav-one").dropmenu();
});
</script>


<script>

    $(function(){
      var slider = new BeaverSlider({
        structure: {
          container: {
            id: "my-slider",
            width: 1000,
            height: 200
          }
        },
        content: {
          images: [
            "images/banner01.png",
            "images/banner02.png"
          ]
        },
        animation: {
          effects: effectSets["fadeSet"],
          interval: 4000
        }
      });   
    });

    </script>

问题

javascript 代码是图像淡入淡出效果，jquery 代码是菜单下拉效果。当出现下拉菜单时，我无法单击下拉菜单链接，当图像淡出时，下拉菜单也会淡出。

请帮我找到解决方案。

Answer 1

调用$jq = jQuery.noConflict(); $ 后是no longer a reference to jQuery .在第二个脚本中，使用 $jq 或 jQuery 而不是 $。