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