灯箱和jquery冲突

时间:2013-06-17 19:15:56

标签: lightbox jquery

我需要有关脚本的帮助。灯箱工作正常,但jQuery无法正常工作。我完全搞糊涂了怎么办?

<script type="text/javascript" src="js2/prototype.js"></script>
<script type="text/javascript" src="js2/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js2/lightbox_s.js"></script>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script>jQuery.noConflict();</script>
<script>

jQuery(document).ready(function() 
jQuery("#menu_btn").mouseover(function() {
jQuery("#menu").stop(true, false).animate({
                'bottom': '-10px'
            }, 500);

});

jQuery("#menu_btn").mouseout(function() {
jQuery("#menu").stop(true, false).animate({
                'bottom': '-50px'
            }, 500);
});



jQuery("#menu").mouseover(function() {
jQuery("#menu").stop(true, false).animate({
                'bottom': '-10px'
            }, 500);

});

jQuery("#menu").mouseout(function() {
jQuery("#menu").stop(true, false).animate({
                'bottom': '-50px'
            }, 500);

});
});

</script>

我没有选择,而是发布了这个问题...我发现了同样的事情,即jQuery.noConflict(),但它没有合作。

我在这方面需要帮助。 提前致谢

1 个答案:

答案 0 :(得分:1)

noConflict是次要的。

此处的主要问题是,在您加入<{strong> jQuery之前必须加载lightbox

<script type="text/javascript" src="js2/prototype.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="js2/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js2/lightbox_s.js"></script>

首先包括jquery并在此之后加入lightbox,因为后者依赖于前者。