更改時選擇框選項事件較慢

Question

上面有一個類名爲user_status的下拉菜單。

關於此選擇的更改事件，會出現一個對話框彈出窗口。 這是代碼。

$('.user_status').change(function(){ 
    $('#dialog-confirm').dialog({ 
     title  : 'Change Status', 
     resizable : false, 
     width  : 250, 
     height : 120, 
     modal  : true, 
     buttons : { 
      'Yes': function() { 
       dialog_obj.dialog('close'); 
      }, 
      'No': function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
}); 

我的問題是它非常慢（可能需要3或4秒）才能在更改事件中顯示此彈出窗口。如何在更改事件中加快此彈出窗口？

Answer 1

定義對話框之前，只是打開了jQuery的對話框上的事件是這樣的（未測試的代碼）：

var jDialog = $('#dialog-confirm').dialog({ 
     title  : 'Change Status', 
     resizable : false, 
     width  : 250, 
     height : 120, 
     modal  : true, 
     autoOpen : false, 
     buttons : { 
      'Yes': function() { 
       dialog_obj.dialog('close'); 
      }, 
      'No': function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
$('.user_status').change(function(){ 
    jDialog.dialog('open'); 
});