Lightbox把我的jquery搞砸了

我的lightbox有一个问题…它工作得很好，但我的代码中也有jQuery，出于某种原因，它把jQuery搞乱了…它为什么这样做

这是我的脚本标签

<script type="text/javascript" src="http://www.willruppelglass.com/js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://www.willruppelglass.com/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://www.willruppelglass.com/js/prototype.js"></script>
<script type="text/javascript" src="http://www.willruppelglass.com/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://www.willruppelglass.com/js/lightbox.js"></script>

这是我的jQuery

<script type="text/javascript">
    $(".galleryNavToggle").on("mouseenter", function (event) {
        $('#headerNavGallery, #headerNavInfo').hide();
        $("#headerNavGallery").show();
    });

    $(".galleryNavInfoToggle").on("mouseenter", function (event) {
        $('#headerNavGallery, #headerNavInfo').hide();
        $("#headerNavInfo").show();
    });


$(window).bind('load', function() {  

    var div_height = $("#content").height();
    $(".leftSideBar").css("height", div_height);

    var div_height = $("#content").height();
    $(".rightSideBar").css("height", div_height);

});



</script>

$（.galleryNavToggle”）.on（“鼠标指针”，函数（事件）{
$（“#headerNavGallery，#headerNavInfo”）.hide（）；
$（“#headerNavGallery”）.show（）；
});
$（.galleryNavinfoteggle”）.on（“鼠标指针”，函数（事件）{
$（“#headerNavGallery，#headerNavInfo”）.hide（）；
$（“#headerNavInfo”）.show（）；
});
$（窗口）.bind（'load'，function（）{
var div_height=$（“#content”）.height（）；
$（“.leftSideBar”）.css（“高度”，div_高度）；
var div_height=$（“#content”）.height（）；
$（“.rightSideBar”）.css（“高度”，div_高度）；
});

我不知道为什么它把一切都搞砸了：（任何帮助都会被原谅的。谢谢

• J

---

您不需要在页面中放置

jquery-1.7.1.js

和

jquery-1.7.1.min.js

jquery-1.7.1.min.js

是

jquery-1.7.1.js

的缩小版。内容相同。仅使用

jquery-1.7.1.min.js

更新 您忘记了等待DOM完全构建。请尝试以下操作

<script type="text/javascript">
    $(function() {
        $(".galleryNavToggle").on("mouseenter", function (event) {
            $('#headerNavGallery, #headerNavInfo').hide();
            $("#headerNavGallery").show();
        });

        // other content
    }
</script>

$（函数（）{
$（.galleryNavToggle”）.on（“鼠标指针”，函数（事件）{
$（“#headerNavGallery，#headerNavInfo”）.hide（）；
$（“#headerNavGallery”）.show（）；
});
//其他内容
}

是prototype.js弄乱了jQuery

---

还有，为什么要包含未统一和缩小的jQuery文件？只需要一个，最好是缩小的版本。
你说的“把一切都搞糟”是什么意思？包括jQuery两次，删除一次。链接jQuery两次，还链接原型。你确定lightbox是真正的罪魁祸首吗？出于好奇，为什么不使用jQuery lightbox插件，比如slimbox？哦，还有jQuery.noConflict（）可能是你的答案。不是真的一团糟，只是当我放入lightbox脚本tagsI尝试jQuery.noConflict（）时，我的jQuery代码不再工作了，但它不工作：（我拿出了额外的jQuery脚本，拿出了Prototype.js，我的jQuery现在运行，但lightbox现在不工作。我拿出了jQuery-1.7.1.js，仍然有同样的问题。你的问题是什么？你说的“把一切搞砸”是什么意思？我的意思是，如果我有lightbox脚本标签，我的jquery脚本将不会运行。现在必须开始，但我稍后会检查……感谢您的时间：）