1

jQuery でダイアログを表示する回数を決定するにはどうすればよいですか。モーダルポップアップダイアログがあり、ユーザーが何かをクリックするとダイアログが2回表示され、3回目のクリックでは表示されません。

$(document).ready(function(){

    $('#something_to_clicked').click(function(){

          $('#dialog_content').dialog({modal: true});
    });
});
4

2 に答える 2

3
$(document).ready(function(){

    var timesShown = 0;
    $('#something_to_clicked').click(function(){
          if (timesShown == 2) return;
          $('#dialog_content').dialog({modal: true});
          timesShown++
    });
});
于 2012-04-27T13:27:45.410 に答える
1

.data()これを次のように使用して、ダイアログ自体に添付します。

$('#dialog_content').dialog({
    modal: true,
    autoOpen: false
}).data('timesShown', 0);

$('#something_to_clicked').click(function() {
    var myt = $('#dialog_content');
    if (myt.data('timesShown') < 2) {
        $('#dialog_content').data('timesShown', (1 + myt.data('timesShown')));
        myt.text(myt.text() + myt.data('timesShown')); //just to show
        myt.dialog("open");
    };
});

ここで実際の動作を確認してください: http://jsfiddle.net/ZY795/

于 2012-04-27T13:49:56.157 に答える