如何單擊asp.net按鈕打開jQuery對話框，然後在單擊是時恢復默認？

Question

我有一個jQuery對話框和一個asp.net按鈕（刪除）。當點擊刪除按鈕時，我想讓對話框打開一個確認窗口，說'你確定要刪除這條記錄嗎？'。當用戶點擊是，我想恢復asp.net回發。這裏是我到目前爲止的代碼：

$("#dialog-delete").dialog({ 
     autoOpen: false, 
     height: 200, 
     width: 400, 
     modal: true, 
     resizable: false, 
     buttons: { 
      'Cancel': function() { 
       $(this).dialog('close'); 
      }, 
      'Yes': function() { 
       $(this).dialog('close'); 
       //__doPostBack('ctl00$cp1$btnDelete',''); 
      } 
     }, 
     open: function() { 
      $(":button:contains('Yes')").addClass("red"); 
     } 
    }); 
    $("[id*=btnDelete]").live('click', function (e) { 
     e.preventDefault(); 
     $("#dialog-delete").dialog('open'); 
    }); 

所以我停止與的preventDefault回發的對話框打開並顯示消息，但我不能刪除火沒有硬編碼的刪除按鈕，這是骯髒的。無論如何，我可以保持點擊事件，而對話框顯示，並呼籲preventDefault取消和繼續是？

Answer 1

您可以將實時事件類型更改爲mouseup而不是單擊，然後使用click事件觸發回發。

$("[id*=btnDelete]").live('mouseup', function (e) { ... 

... 

$("[id*=btnDelete]").click(); 

編輯（基於評論）

又一想，你可以與處理click事件，並在刪除確認原來的想法堅持調用.die()函數刪除直播事件處理程序以前連接，使您可以撥打.click()並導致回發。

可以調用.die（）函數，就像這樣：

$("#dialog-delete").dialog({ 
    autoOpen: false, 
    height: 200, 
    width: 400, 
    modal: true, 
    resizable: false, 
    buttons: { 
     'Cancel': function() { 
      $(this).dialog('close'); 
     }, 
     'Yes': function() { 
      $(this).dialog('close'); 
      $("[id*=btnDelete]").die('click'); 
      $("[id*=btnDelete]").click(); 
     } 
    }, 
    open: function() { 
     $(":button:contains('Yes')").addClass("red"); 
    } 
}); 

$("[id*=btnDelete]").live('click', function (e) { 
    e.preventDefault(); 
    $("#dialog-delete").dialog('open'); 
}); 

Answer 2

提交ASP.NET表單點擊相應的按鈕時。

... 
buttons: { 
     'Cancel': function() { 
      $(this).dialog('close'); 
     }, 
     'Yes': function() { 
      $(this).dialog('close'); 
      $('#aspnetForm').submit(); // you may need to use a different selector based on your form name 
     } 
    } 

Answer 3

我得到了這個工作，但我不喜歡目前的解決方案。我更喜歡一個更清潔的解決方案，我可以通過單擊按鈕捕獲事件，並以某種方式將其傳遞到對話框中（如果可能的話）。所以我堅持並希望有人有更好的答案。我的代碼，得到它的工作（現在）是：

$("#dialog-delete").dialog({ 
    autoOpen: false, 
    height: 200, 
    width: 400, 
    modal: true, 
    resizable: false, 
    buttons: { 
     'Cancel': function() { 
      $(this).dialog('close'); 
     }, 
     'Yes': function() { 
      $(this).dialog('close'); 
      $("[id*=btnDelete]")[0].click(); 
      //__doPostBack('ctl00$cp1$btnVoid',''); 
     } 
    }, 
    open: function() { 
     $(":button:contains('Yes')").addClass("red"); 
    } 
}); 
$("[id*=btnDelete]").live('mousedown', function (e) { 
    e.preventDefault(); 
    $("#dialog-delete").dialog('open'); 
}); 

基於上面@jdavies的幫助（和我的意見，加強答案）。我將按鈕處理程序更改爲mousedown事件，並在「是」按鈕處理程序中觸發了單擊事件。

我想知道如果用戶通過鍵盤觸發按鈕會發生什麼，這是我感到噁心的原因之一。 :)

捧出來的東西更好，但它的運行至少...