我将如何使jQuery对话框弹出特定次数？

Question

我将如何确定对话框应该在jQuery中显示的次数。 我有一个模式弹出对话框，我想当用户点击对话框显示的东西2次，第三次点击它没有。

$(document).ready(function(){ 

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

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

Answer 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/

Answer 2

$(document).ready(function(){ 

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