两个Jquery在母版页中不工作

我在母版页中使用fisheye dockmenu，它工作正常。当我在其中一个内容页面中添加slider jquery时，fisheye dockmenu在所有页面中都不起作用。但是滑动jquery在内容页中工作。请帮我找出问题所在

母版页中的鱼眼文档菜单：

<script type="text/javascript" src="jQuery/jquery_dockmenu.js"></script>
<script type="text/javascript" src="jQuery/interface.js"></script>

<script type="text/javascript">
    $(document).ready(function () 
    {
        $('.dock').Fisheye
        ({
            maxWidth: 50,
            items: 'a',
            itemsText: 'span',
            container: '.dock-container',
            itemWidth: 40,
            proximity: 90,
            valign: 'top',
            halign: 'center'
        })
    });
</script>

<script type="text/javascript" src="Slider/sliderengine/jquery.js"></script>
<script type="text/javascript" src="Slider/sliderengine/amazingslider.js"></script>
<script type="text/javascript" src="Slider/sliderengine/initslider-1.js"></script>

$（文档）.ready（函数（）
{
$（'.dock'）。鱼眼
({
最大宽度：50，
项目：“a”，
itemsText:'跨度'，
集装箱：'.dock集装箱'，
项目宽度：40，
接近度：90，
valign:'顶部'，
哈利恩：“中心”
})
});

母版页中的滑块Jquery：

<script type="text/javascript" src="jQuery/jquery_dockmenu.js"></script>
<script type="text/javascript" src="jQuery/interface.js"></script>

<script type="text/javascript">
    $(document).ready(function () 
    {
        $('.dock').Fisheye
        ({
            maxWidth: 50,
            items: 'a',
            itemsText: 'span',
            container: '.dock-container',
            itemWidth: 40,
            proximity: 90,
            valign: 'top',
            halign: 'center'
        })
    });
</script>

<script type="text/javascript" src="Slider/sliderengine/jquery.js"></script>
<script type="text/javascript" src="Slider/sliderengine/amazingslider.js"></script>
<script type="text/javascript" src="Slider/sliderengine/initslider-1.js"></script>

内容页中的滑块编码：

<div style="margin:30px auto;max-width:800px;">

<!-- Insert to your webpage where you want to display the slider -->
<div id="amazingslider-1" style="display:block;position:relative;margin:16px auto 56px;">
    <ul class="amazingslider-slides" style="display:none;">
        <li><img src="Slider/images/t1.png" alt="t1" /></li>
        <li><img src="Slider/images/t2.png" alt="t2" /></li>
        <li><img src="Slider/images/t3.png" alt="t3" /></li>
    </ul>
    <ul class="amazingslider-thumbnails" style="display:none;">
        <li><img src="Slider/images/t1-tn.png" /></li>
        <li><img src="Slider/images/t2-tn.png" /></li>
        <li><img src="Slider/images/t3-tn.png" /></li>
    </ul>
</div>
<!-- End of body section HTML codes -->

---

看起来您可能在

jquery.js

之前引用了您的

jquery\u dockmenu.js

。我喜欢做的是将所有内容都放在母版页底部的结束正文标记之前：

        <script type="text/javascript" src="Slider/sliderengine/jquery.js"></script>
        <script type="text/javascript" src="Slider/sliderengine/amazingslider.js"></script>
        <script type="text/javascript" src="Slider/sliderengine/initslider-1.js"></script>
        <script type="text/javascript" src="jQuery/jquery_dockmenu.js"></script>
        <script type="text/javascript" src="jQuery/interface.js"></script>
        <script type="text/javascript">
            $('.dock').Fisheye
            ({
                maxWidth: 50,
                items: 'a',
                itemsText: 'span',
                container: '.dock-container',
                itemWidth: 40,
                proximity: 90,
                valign: 'top',
                halign: 'center'
            });
        </script>
    </body>
</html>

$（'.dock'）。鱼眼
({
最大宽度：50，
项目：“a”，
itemsText:'跨度'，
集装箱：'.dock集装箱'，
项目宽度：40，
接近度：90，
valign:'顶部'，
哈利恩：“中心”
});

---

这也提高了页面的加载速度。

看起来您可能在

jquery.js

之前引用了您的

jquery\u dockmenu.js

。我喜欢做的是将所有内容都放在母版页底部的结束正文标记之前：

        <script type="text/javascript" src="Slider/sliderengine/jquery.js"></script>
        <script type="text/javascript" src="Slider/sliderengine/amazingslider.js"></script>
        <script type="text/javascript" src="Slider/sliderengine/initslider-1.js"></script>
        <script type="text/javascript" src="jQuery/jquery_dockmenu.js"></script>
        <script type="text/javascript" src="jQuery/interface.js"></script>
        <script type="text/javascript">
            $('.dock').Fisheye
            ({
                maxWidth: 50,
                items: 'a',
                itemsText: 'span',
                container: '.dock-container',
                itemWidth: 40,
                proximity: 90,
                valign: 'top',
                halign: 'center'
            });
        </script>
    </body>
</html>

$（'.dock'）。鱼眼
({
最大宽度：50，
项目：“a”，
itemsText:'跨度'，
集装箱：'.dock集装箱'，
项目宽度：40，
接近度：90，
valign:'顶部'，
哈利恩：“中心”
});

---

这也提高了页面的加载速度。

是否包括jquery的自己版本的jquery？你没有包括两次jquery文件，是吗（或者只包括滑块上方的jquery.js文件，而不包括dockmenu-需要在两者之前）@Pete：抱歉，我有点困惑。你能给我解释一下…你的滑块上面有

的地方，你的dockmenu上面有类似的东西吗？如果是这样的话，请删除页面下方的那一个谢谢你@Pete-我只是将dockmenu.js替换为jquery.js。它的工作原理是

jquery\u dockmenu.js

包括它自己的jquery版本？你没有两次包括jquery文件，是吗（或者只包括滑块上方的jquery.js文件，但不包括dockmenu-需要在两者之前）@Pete：对不起，我有点困惑。你能给我解释一下…你的滑块上面有

的地方，你的dockmenu上面有类似的东西吗？如果是这样的话，请删除页面下方的那一个谢谢你@Pete-我只是将dockmenu.js替换为jquery.js。很好，谢谢你，斯科特！我只是将dockmenu.js替换为jquery.js。很好用…谢谢你，斯科特！我只是将dockmenu.js替换为jquery.js。它的工作很好。。。