jquery-ui - 页面加载后添加的项目上的 Jquery UI 按钮

Question

我有 jquery ui 按钮小部件使用以下代码工作。

 $(.remove_img).button({
  icons: {
   primary: 'ui-icon-cancel'
  }
  });

但如果没有图像，在上传时，我会附加一个带有 .remove_img 类的按钮，所以它不在页面加载时的 DOM 中。有没有办法让添加的按钮仍会触发相同的 .button 代码？

我试过了

$('.remove_img').live('click', function(event){
 $(this).button({
  icons: {
   primary: 'ui-icon-cancel'
  }
  });
 });

但它没有让我到任何地方。

Answer 1

live()应该正是你所需要的。你能在回调中做一些非常简单的事情来验证它是否被绑定吗？你以后如何生成元素？你在用 jQueryappend()来做吗？

使用liveand thenappend应该可以正常工作，它几乎是如何使用的最基本示例live，所以这里还有其他事情发生。