jQuery "Chọn" cho Chọn Hộp - cách áp dụng kiểu dáng sau khi AJAX tải phần tử chọn

Question

Vì vậy, tôi đang cố gắng áp dụng Chosen jQuery plugin vào hộp chọn sau khi đã được tải qua XAJAX. Dưới đây là các mã:

Thông thường, tôi bắt đầu vào tải trang, và tất cả các hộp chọn với lớp đang theo kiểu một cách chính xác một cách thích hợp:

$(document).ready(function() {   
    $(".chzn-select").chosen(); 
}); 

Tiếp theo, tôi có một chức năng sử dụng xajax để hiển thị mới chọn hộp trong DIV được chỉ định trên trang. Điều này hoạt động tốt. BAO GIỜ, nó không được tạo kiểu bởi Chosen như nó phải được.

Tôi đã cố gắng thêm một sự chậm trễ trong đó quá, bởi vì tôi đọc trên một số diễn đàn mà làm việc cho một số người. Nó không hoạt động ....

function getNewSelect(property_id){ 
    xajax_getNewSelect(); 
    $(".chzn-select-ajax").delay(5).chosen(); 
} 

Có ai có ý tưởng nào không?

Answer 1

Xajax làm gì?

delay chỉ hoạt ảnh chậm trễ, nó không ảnh hưởng đến bất kỳ chức năng nào khác.

Nếu bạn muốn trì hoãn một chức năng sử dụng:.

setTimeout(function() { $(".chzn-select-ajax").chosen(); }, 500); 

Answer 2

<script language="javascript" type="text/javascript"> 
    $(function() { 
     Sys.WebForms.PageRequestManager.getInstance().add_endRequest(loadControlDuringAjax); 
     loadControlDuringAjax(); 
    }); 
    function loadControlDuringAjax() { 
     $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({ allow_single_deselect: true }); 
    } 
</script> 

này hoạt động tuyệt vời đối với tôi

Hy vọng điều này sẽ giải quyết vấn đề của bạn