Javascript和jquery在同一页面中发生冲突

我在同一个页面中使用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>


$jq=jQuery.noConflict（）；
$jq（文档）.ready（函数（$）{
$（“#导航一号”）.dropmenu（）；
});
$（函数（）{
var slider=新的BeaverSlider({
结构：{
容器：{
id:“我的滑块”，
宽度：1000，
身高：200
}
},
内容：{
图像：[
“images/banner01.png”，
“images/banner02.png”
]
},
动画：{
效果：效果集[“fadeSet”]，
间隔时间：4000
}
});   
});

问题

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

请在调用
$jq=jQuery.noConflict（）后帮助我查找soln.
$
是。
在第二个脚本中，使用
$jq
或
jQuery
而不是
$
只是澄清一点，jQuery是JavaScript。JavaScript是语言，jQuery是用该语言编写的工具集。是的，正确，为了更具体地说明我在做什么，我在解释我的问题时将它们分开。可能是插件冲突，或者因为你没有在dom ready中执行第二个脚本，你能在JSFIDLE上提供一个演示吗？实际上
$（function（）{…}）
是
$（document.ready
（）的简写形式。为什么要使用.noConflict（）？您唯一需要使用该符号的时间是，如果您正在使用另一个库，该库也使用
$
符号（在您的情况下，其他库都不使用该符号）。我认为您的问题更多地基于您的实现，而不是jQuery的问题