2014-03-27 79 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規定的更新元素來解決這個問題。