Question

使用jQuery选择插件，遇到问题 - 在document.ready或window.load事件中无法触发或选择。

以下是问题代码：

$(function() {
    $("select").chosen();
});
$(window).load(function() {
    $('#select_chosen').val("104").trigger('chosen:updated');
});

或者我将触发器移动到document.ready是相同的：

$(function(){
    $(select).chosen();
    $('#select_chosen').val("104").trigger('chosen:updated');
});

所有我感到困惑的是为什么选择的对象无法在DOM和选择的插件加载后立即行动。如果有人可以回答，我会非常感谢，提前谢谢。

Answer 1

试试这个

$("select").chosen();

Answer 2

You should use same jQuery Object for initializing 'chosen' on it and then triggering 'chosen:update' OR change event. Below code snippet should work on document load: 
// initialize
$("#select_chosen").chosen();
// change value
$("#select_chosen").val("104");
// trigger change event
$("#select_chosen").change();
// trigger 'chosen:updated' event
$("#select_chosen").trigger('chosen:updated');

Answer 3

它可能对你有帮助。

var selectId = $(this).data('id');

$('#inputId').chosen().val(selectId).change().trigger('chosen:updated');

选择的jquery未在网络加载

3 个答案: