在jQuery對話框中將按鈕添加到我的按鈕

Question

我有一個jQuery對話框，我在表格中使用了一些按鈕（用於編輯/刪除功能）。

只有在之前編碼警報，我才能在這些按鈕上添加圖標。很奇怪。如果我刪除警報，則不顯示按鈕。

$().ready(function() { 

    $('.MaterialEdit').live("click", function() { 
     alert('clicked'); 
     $(".MaterialPackingEdit").button({ icons: { primary: "ui-icon-pencil"} }); 
     $(".MaterialPackingRemove").button({ icons: { primary: "ui-icon-trash"} });  
    }); 
}); 

上述對應使用的按鈕我的主頁上開設了jQuery對話框中的MaterialEdit類。

有什麼想法？

謝謝。

Answer 1

問題中的一些標記肯定會有幫助。不管怎麼說，這裏的東西上的jsfiddle工程 - http://jsfiddle.net/FloydPink/e3pCL/

的想法是用「開放」的事件作爲記錄在dialog demo page像這樣：

open: function(event, ui) { 
     $('.MaterialPackingEdit').button({ 
      icons: { 
       primary: "ui-icon-pencil" 
      }, 
      text: false 
     }); 
     $('.MaterialPackingRemove').button({ 
      icons: { 
       primary: "ui-icon-trash" 
      }, 
      text: false 
     }); 
    } 

希望有所幫助。

編輯：函數本身到通用「對話框加載」功能OP在註解中提到的通過，下面的代碼片段可用於：

$(function() { 
    var onDialogOpen = function(event, ui) { 
      $('.MaterialPackingEdit').button({ 
       icons: { 
        primary: "ui-icon-pencil" 
       }, 
       text: false 
      }); 
      $('.MaterialPackingRemove').button({ 
       icons: { 
        primary: "ui-icon-trash" 
       }, 
       text: false 
      }); 
     }; 
    $('.dialog').dialog({ 
     autoOpen: false, 
     title:'Buttons As Icons on a jQuery Dialog', 
     width: 400, 
     open: onDialogOpen 
    }); 
    $('.MaterialEdit').click(function() { 
     $('.dialog').dialog('open'); 
    }); 
}); 

選中此更新到的jsfiddle - http://jsfiddle.net/FloydPink/e3pCL/27/