选择框的jQuery“选择” - 如何在AJAX加载选择元素后应用样式

时间:2012-08-31 01:22:08

标签: jquery select jquery-chosen

所以我在Chosen jQuery plugin加载后,尝试将XAJAX应用于选择框。这是代码:

通常情况下,我从页面加载开始,并且所有具有类的选择框都已正确设置样式:

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

接下来,我有一个函数,它使用XAJAX在页面上的指定DIV中显示新的选择框。这很好用。但是,它并没有被选中的风格所应用。

我也试图在那里添加延迟,因为我在一些论坛上读到了对某些人有用的东西。它不起作用....

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

有没有人有任何想法?

2 个答案:

答案 0 :(得分:4)

xajax做什么?

delay只会延迟动画,对任何其他功能都没有影响。

如果您想延迟功能使用:

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

答案 1 :(得分:1)

<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>

这对我很有用

希望这能解决您的问题