jquery - 我的网站上有一个 jquery 滑块。添加其他 jquery 幻灯片禁用 jquery 滑块

Question

我的网站上有一个 jquery 滑块。如果我添加任何其他 jquery，比如说我想要一个滚动到顶部的功能并且我包含它，滚动到顶部工作但滑块停止工作。为什么呢？

这是网站：www.placementor.blogspot.com。我使用的代码是：

HTML：

<a href="#" class="scrollup">Scroll</a>

Javascript：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 

    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    }); 

    $('.scrollup').click(function(){
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });

});

CSS：

.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;

}

我试过删除：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

认为这将是多余的，因为滑块可能正在使用某些插件并正在产生冲突。但不，它仍然不起作用。帮我解决这个问题。

Answer 1

问题 #1 - 您正在使用 MooTools，因此您需要使用它.noConflict()来避免 MooTools 库和 jQuery 出现问题

/* As a new variable */
$j = jQuery.noConflict();

/* or, by using a closure */
(function($j){
    //your code
})(jQuery);

问题#2——您实际上并没有在您的网站上包含 jQuery 文件。在任何脚本尝试使用jQuery namespace.

解决这些问题，你会好起来的。