Javascript 同一分页符上有2个脚本

我有一个用于我的站点的自定义jquery以及一个lightbox查询。但我似乎不能让两者同时工作。他们中的一个总是在工作，这取决于他们进来的顺序。这是密码

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
        $(function () {
            $('a[@rel*=lightbox]').lightBox({
                maxHeight: screen.height * 0.6,
                maxWidth: screen.width * 0.6
            });
        });
</script>
    <script  type="text/javascript" src="./Scripts/jquery-1.3.2.js" ></script>   
    <script type="text/javascript">
        $(document).ready(function() {
            /* Menu */
            $("#menu li:last").css("margin-right", "0");
            $("#menu ul.sub li:last").css("margin-right", "0");
            $("#menu li#menues a").hover(function() {
                $(this).siblings(".sub").fadeIn(200);
            });
            $("#menu").hover(function() { }, function() {
                $(".sub").fadeOut(200);
            });
        });
</script>

$（函数（）{
$（'a[@rel*=lightbox]'）。lightbox({
最大高度：屏幕高度*0.6，
maxWidth:screen.width*0.6
});
});
$（文档）.ready（函数（）{
/*菜单*/
$（“#menu li:last”）.css（“右边距”、“0”）；
$（“#menu ul.sub li:last”）.css（“右边距”、“0”）；
$（“#菜单li#菜单a”）.hover（函数（）{
美元。兄弟姐妹（“.sub”）。fadeIn（200）；
});
$（“#菜单”）.hover（function（）{}，function（）{
美元（“.sub”）。淡出（200）；
});
});

您已经包含jQuery两次了

删除这行代码

 <script  type="text/javascript" src="./Scripts/jquery-1.3.2.js" ></script> 

---

您已经包含jQuery两次了

删除这行代码

 <script  type="text/javascript" src="./Scripts/jquery-1.3.2.js" ></script> 

---

有些脚本扩展了jQuery对象，Lightbox似乎就是其中之一

通过在页面加载时包含对jQuery脚本的两次引用：

• jQuery对象将被添加到DOM中
• 然后延伸到灯箱
• 然后，将一个新的jQuery对象添加到DOM中，而不添加扩展

因此，依赖lightbox的脚本将不会运行

---

删除第二个jQuery

script

标记应该可以解决这个问题。

一些脚本扩展了jQuery对象，Lightbox似乎就是其中之一

通过在页面加载时包含对jQuery脚本的两次引用：

• jQuery对象将被添加到DOM中
• 然后延伸到灯箱
• 然后，将一个新的jQuery对象添加到DOM中，而不添加扩展

因此，依赖lightbox的脚本将不会运行

删除第二个jQuery

script

标记应该可以解决这个问题。

您的行：

$("#menu li#menues a").hover(function() {
    $(this).siblings(".sub").fadeIn(200);
});

对

hover（）使用单参数调用

这是在jQuery1.4中添加的，您使用的是1.3.2

要么：

更新jQuery


或使用双参数功能：

$("#menu li#menues a").hover(function() {
    $(this).siblings(".sub").fadeIn(200);
}, null);

这样，匿名函数将仅在mouseenter上调用，如果希望在mouseleave上调用，请更改参数的顺序

如果您希望它淡入/淡出：

$("#menu li#menues a").hover(
    function() {
        $(this).siblings(".sub").fadeIn(200);
    },
    function() {
        $(this).siblings(".sub").fadeOut(200);
    });


如果在使用jQuery 1.3.2时需要对两者使用相同的函数，请使用：

function menuLinkHover(){
    $(this).siblings(".sub").fadeIn(200);
}

$("#menu li#menues a").hover(menuLinkHover, menuLinkHover);

享受吧
 您的线路：

$("#menu li#menues a").hover(function() {
    $(this).siblings(".sub").fadeIn(200);
});

对
hover（）使用单参数调用

这是在jQuery1.4中添加的，您使用的是1.3.2

要么：

更新jQuery


或使用双参数功能：

$("#menu li#menues a").hover(function() {
    $(this).siblings(".sub").fadeIn(200);
}, null);

这样，匿名函数将仅在mouseenter上调用，如果希望在mouseleave上调用，请更改参数的顺序

如果您希望它淡入/淡出：

$("#menu li#menues a").hover(
    function() {
        $(this).siblings(".sub").fadeIn(200);
    },
    function() {
        $(this).siblings(".sub").fadeOut(200);
    });


如果在使用jQuery 1.3.2时需要对两者使用相同的函数，请使用：

function menuLinkHover(){
    $(this).siblings(".sub").fadeIn(200);
}

$("#menu li#menues a").hover(menuLinkHover, menuLinkHover);

享受吧
 为什么在页面上包含两份jQuery？为什么在页面上包含两份jQuery？这不是答案。您可以只留下评论。：）我的自定义脚本仍然无法正常工作。但是如果我删除lightbox脚本，它会。所以有些事情不对劲。。我的脚本的问题是，当它完成fadein并将执行fadeout时，它不会发生，可能是函数调用的bcuz？@Saeed Neamati，问题是这样回答的，所以我们称之为答案。它不是答案。您可以只留下评论。：）我的自定义脚本仍然无法正常工作。但是如果我删除lightbox脚本，它会。所以有些事情不对劲。。我的脚本的问题是，当它完成fadein并将执行fadeout时，它不会发生，可能是函数调用的bcuz？@Saeed Neamati，问题是这样回答的，所以我们称之为答案。为什么我的脚本不能工作呢？当我不使用Lightbox时，它会工作。抛出了什么错误？您可以使用FireBug（）查看控制台吗？似乎甚至无法触发事件（淡出），尽管这在页面上没有lightbox的情况下也能正常工作。
$（“#菜单”）
选择器是否返回正确的元素来注册匿名函数来处理事件？我在淡出函数的第一行放置了一个断点，但是它没有到达那里为什么我的脚本不能工作呢？当我不使用Lightbox时，它会工作。抛出了什么错误？您可以使用FireBug（）查看控制台吗？似乎甚至无法触发事件（淡出），尽管这在页面上没有lightbox的情况下也能正常工作。
$（“#菜单”）
选择器是否返回正确的元素来注册匿名函数来处理事件？我在淡出函数的第一行放置了一个断点，但是它没有到达那里