jquery - 在 Ajax 上加载的 JQuery UI 按钮未设置样式

Question

所以我有一个 ajax 调用，它用一个按钮填充我的 dom，我想拥有 JQuery UI 按钮元素的样式和功能，但是当我$("button").button()在准备好的页面上调用它时，它不会设置任何样式或提供任何预期的功能. 有没有办法动态加载这样的 JQuery UI 元素？

Answer 1

您需要在$("button").button()完成 ajax 的情况下调用，导致 ajax 处于异步状态。你可以试试：

$.ajax({
    ...
    success: function(html){
       $('button').button();
    }
});

当您的 ajax 调用使用按钮填充 dom 时，您也可以尝试：

$.ajax({
    ...
    success: function(html){
       // html argument contains the dom element loaded via ajax
       $('button', html).button();
    }
});