jquery - 如何设置被 ajax 替换的 jQuery 按钮的样式

Question

我有一个按钮，我正在使用 jQuery 进行样式设置。文档准备好后，我运行以下代码：

$('button#refresh').button({
    icons: { primary: "ui-icon-refresh" },
    text: false
});

这一直工作正常，但是现在我正在用通过 ajax 检索的一些内容替换包含按钮的 div 的内容。新内容还包含一个按钮，id="refresh"我希望使用 jQuery 来设置它的样式。我该怎么做？

我认为我的按钮刷新代码需要绑定到 div 上的一个事件，但是什么事件呢？

谢谢！

Answer 1

再次调用 ajax 成功回调函数中的按钮样式脚本。

 $.ajax({
  ...
  success:function(data){
    //your stuff
    $('button#refresh').button({
      icons: { primary: "ui-icon-refresh" },
      text: false
    });
  }

注意“：The new content also contains a button with id="refresh"看起来您有两个同名的 ID .... ID 应该始终是唯一的.. 所以让它成为类并使用类选择器..

 $('button.refresh').button({
   ......