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代码是菜单下拉效果。当menudrop down出现时，我无法点击下拉菜单链接，当图片淡入下拉菜单时也会消失。

请帮我找到soln。

Answer 1

致电$jq = jQuery.noConflict(); $后no longer a reference to jQuery。在第二个脚本中，使用$jq或jQuery代替$。

同一页面中的Javascript和jquery冲突

1 个答案: