Question

我有2个jquery脚本，但它们没有合作，我不知道为什么。我的第一个脚本＆＃34; scrolltop.js：

    $(function() {
    $("a").click(function(){
        alert("test");
        var target = $(this).attr('href');
        var strip = target.slice(1);
        if(this.hash && strip=="wall_menu"){
        $("html, body").animate({
            scrollTop: $("#wall_menu").offset().top
        }, 1200);
        return false;
        }
    }); });

它运行正常...但是在我添加此脚本时停止＆＃34; changecolor.js＆＃34;：

$(document).ready(function() {
    var $changeBtn1 = $("#content_0 div.button1");
    var strNewString = $('body').html().replace(/\is/g,'<spon>is</spon>');
    $('body').html(strNewString);
    $(".button1").click(function(){
        $('spon').css("color", "red");
        setTimeout(function(){
            $('spon').css("color", "");
        },3000);
    }); });

当我添加两个脚本时，仅适用于＆＃34; changecolor.js＆＃34;，甚至提醒＆＃34;测试＆＃34;从第一个脚本不起作用：（

这是来自.html文件的负责人：

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type='text/javascript' src="scripts/scrolltop.js"></script>
<script type='text/javascript' src="scripts/changecolor.js"></script>

我的网络浏览器控制台，没有说出问题所在。

Answer 1

这可能是因为您在$('body').html(strNewString);中替换了整个身体（changecolor.js），因此注册的事件（click（））将不再绑定到DOM元素。

Jquery 2脚本不合作

1 个答案: