0

私はこれを理解しようとしていて、おそらく5回目に同じ質問をしました。いつか私は心を失います。ともかく

これが私がしていることです

私は4つのタブを持っています。タブの内容は動的に生成されます。時々それらは非常に長く、ページレイアウトを台無しにします。だから私はそれらを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未満の場合、さらに2回読みます。タブに含まれる文字が540未満の場合は、スクリプトをまったく実行しないことをお勧めします。私は夢を見ていますか、それとも実行可能ですか？

4

1 に答える 1

0 
<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>
于 2013-02-01T03:16:43.293 に答える