0

サイトでjQueryを使用してテキストを表示するときに問題が発生しました。

私は次のコードを持っています:

HTML

<div id="one">something</div>

jQuery

$(window).resize( function() {
    if($(document).width() <= 480) {
        $('#one').css('display','none');
        if( !$('#two').legth ) {
            $('#one').after('<div id="two">something else</div>');
        };
    }
    else {
        $('#one').css('display','inline');
        $('#two').delete();
    };
});

ウィンドウのサイズを変更すると、div#twoが繰り返し出力され、停止してから再度サイズ変更すると、何度も何度も出力されます。

コードのどこが間違っているのかわかりません。どうぞ、すべての助けを歓迎します。

4

1 に答える 1

0

よくわかりませんが、一度だけ動作させたい場合:

$(window).one('resize', function() {
    $('#one').hide();
    if( !$('#two').length )
        $('#one').after('<div id="two">something else</div>');
});

でありlength、ではなくlegth、それが失敗の理由である可能性があります。そうであれば、単に?ifに置き換えone()てください。on()

于 2013-02-15T00:26:52.917 に答える