jquery - 如何使 jQuery 对话框弹出特定次数？

Question

我将如何确定对话框应在 jQuery 中显示的次数。我有一个模态弹出对话框，我想要当用户点击某些东西时，对话框显示 2 次，而第三次点击则没有。

$(document).ready(function(){

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

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

Answer 1

$(document).ready(function(){

    var timesShown = 0;
    $('#something_to_clicked').click(function(){
          if (timesShown == 2) return;
          $('#dialog_content').dialog({modal: true});
          timesShown++
    });
});

Answer 2

我会这样附加到对话框本身.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/