jquery - 为什么使用ajax更新页面后jquery按钮需要一秒钟才能刷新

Question

当我刷新具有 jquery ui 按钮的网页的一部分时，似乎我必须调用：

$(":button").button();

或者它显示为常规按钮。很好，但是当我这样做时，它仍然显示为一个常规按钮，然后再转换为 jquery 主题的样式。有没有办法避免这种情况，因为它看起来有点乱。

注意：我注意到这适用于我使用 jquery ui 进行主题化的任何内容，例如自动完成、按钮等，因此它不是特定于按钮的问题。

Answer 1

你在什么时候对按钮进行小部件化？在我看来，当你真正想做的时候，你会晚一点做。

另外，您能否在将 DOM 添加到页面之前尝试对按钮进行小部件化。它可能不起作用，但值得一试

所以这是我上面所说的一个例子：

function(data){ //so this is the success function which is called when your ajax comes back and you need to write that data to some part of the page.

  var $data = $(data); //create the dom for the new stuff but do not append into the page's dom yet!

  $data.find(":button").button()//widgetize the buttons now

  $("#page_of_the_page_to_be_updated").append($data); //update the page 

}

这可能行不通。但值得一试。