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

时间:2014-03-27 00:20:19

标签: jquery css jquery-ui

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

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

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

如何在运行时加载元素的jQuery ui css?

更新:

好的,我有一个带按钮的元素

$('#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中使用新元素替换旧元素。

1 个答案:

答案 0 :(得分:1)

我想你正在做的就是删除原始标记并通过AJAX替换新的html。

如果确实如此,那么当您删除元素时,原始$.button()“实例”将丢失,并且使用AJAX加载的新元素从未传递给$.button()

我认为您可以通过“重新关联”complete回调$.ajax提供的更新元素来解决此问题。