jQuery "Elegido" para cuadros seleccionados: cómo aplicar el estilo después de que AJAX cargue el elemento seleccionado

Question

Estoy tratando de aplicar el Chosen jQuery plugin a un cuadro de selección después de haberlo cargado a través del XAJAX. Aquí está el código:

Normalmente, comienzo al cargar la página, y todas las cajas de selección con la clase se labró correctamente apropiada:

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

A continuación, tengo una función que utiliza XAJAX para mostrar el nuevo cuadro de selección en el DIV especificado en la página. Esto funciona bien SIN EMBARGO, no es elegido por Elegido como debería ser.

He intentado agregar un retraso también allí, porque leí en algunos foros que eso funcionó para algunas personas. No funciona ....

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

¿Alguien tiene alguna idea?

Answer 1

¿Qué hace xajax?

delay solo retrasa las animaciones, no tiene efecto sobre ninguna otra función.

Si desea retrasar el uso de la función:.

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> 

Esto funciona muy bien para mí

Hope esto va a resolver su problema