2014-03-27 50 views
0

我有一个元素需要通过ajax进行更新。元素使用jQuery ui buttonset函数。jQuery ui css在通过ajax加载元素时消失

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

我已经尝试使用ON(),但也没有工作。

你怎么能有jQuery ui css元素加载动态?

UPDATE:

好了,所以我有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); 
     } 
    }); 
}); 

新新filters.php将返回id元素。它正在用DOM中的新功能取代旧元素。

+0

你可以将你的代码添加到jsfiddle吗?这样看问题更容易。 – Siva

+0

你正在更新它还是将它从DOM中取出并更换它?如果是这样,你需要恢复所有合适的CSS类,以保留它的jQuery UI外观。 –

回答

1

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

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

我认为你可以通过“重新链接”complete回调$.ajax规定的更新元素来解决这个问题。