Jquery 2脚本不兼容

Jquery 2 scripts aren't cooperating

本文关键字：不兼容 脚本 Jquery      更新时间：2023-09-26

我有2个jquery脚本，但他们不合作，我不知道为什么。我的第一个脚本"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;
        }
    }); });

它工作得很好…但是当我添加这个脚本"changecolor.js"时停止:

$(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);
    }); });

当我添加两个脚本，只工作"changecolor.js"，甚至警报"测试"从第一个脚本不工作:(

这是我的头从。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>

我的web浏览器控制台，没有说问题在哪里。

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

相关文章：