Question

我的灯箱有问题...它工作正常但我的代码中也有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>

我不知道为什么它会弄乱一切:(任何帮助都会被追上。谢谢

Ĵ

Answer 1

您无需在页面中添加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>

Answer 2

这是raw.js搞乱了jQuery。

另外，为什么你要包含缩小和缩小的jQuery文件？只需要一个缩小版本。

Lightbox搞砸了我的jquery

2 个答案:

更新