javascript - 如何停止脚本运行

Question

我一直试图弄清楚这一点，并且可能第五次问了同样的问题。总有一天我会失去理智。反正

这是我正在做的

我有四个标签。选项卡中的内容是动态生成的。有时它们很长并且与页面布局混乱。所以我这样做是为了限制它们最多 540 个字符

<script>
$(function(){
    var myDivThree = $('#pdpTab6');
    myDivThree.html(myDivThree.html().substring(0,540));
    $(myDivThree).append('<div id="readThree">Read More</div>');
    //this is what I am doing to show the extra content
    $('#readThree').click(function(){
        $('#popThree').show();
    });
    $('.closePop').click(function(){
        $('#popThree').fadeOut();
    })
});
</script>

奇怪的是，如果一个标签包含少于 540 个字符，我会看到多读两次。如果选项卡包含少于 540 个字符，我宁愿根本不运行脚本。我是在做白日梦还是可行？

Answer 1

<script>
$(function(){
    var myDivThree = $('#pdpTab6');
    if (myDivThree.html().length>540){
        myDivThree.html(myDivThree.html().substring(0,540));
        $(myDivThree).append('<div id="readThree">Read More</div>');
       //this is what I am doing to show the extra content
    }

    $('#readThree').click(function(){
        $('#popThree').show();
    });
    $('.closePop').click(function(){
        $('#popThree').fadeOut();
    })
});
</script>