当通过 ajax 加载元素时，jQuery ui css 消失

Question

我有一个元素想通过 ajax 更新。该元素使用 jQuery ui buttonset 函数。

现在，当我使用 buttonset 加载元素时，按钮集 jQuery ui css 不再显示在元素上。

我试过使用 ON() 但也没有用。

如何让 jQuery ui css 的元素动态加载？

更新:

好的，我有一个带有 buttonset 的元素

$('#element').buttonset()

还有一个ajax调用

$('.new_filter_button').click(function(){ // when a feature button is selected
    var serialize = $('#header_dropdown_make').serialize(); // takes all the values of the filter
    $.ajax({  
        type : 'POST',
        url  : 'http://localhost/ajax/new-filters.php', 
        data : serialize,
        success : function(data) {
            $("#new_results_toolbar").html(data);
        }
    }); 
});

新的 new-filters.php 将返回 id 元素。它正在 DOM 中动态地用新元素替换旧元素。

Answer 1

我想您这样做的方式是删除原始标记并通过 AJAX 替换为新的 html。

如果这是真的，那么当您删除该元素时，原来的 $.button()“实例”会丢失，并且加载 AJAX 的新元素从未传递给 $.button().

我认为您只需在 $.ajax 提供的 complete 回调中“重新链接”更新后的元素即可解决此问题。