jquery - 在 jquery 中运行完脚本后如何触发事件？

Question

我正在使用选择链插件并具有以下代码，以便根据另一个选择框填充第二个选择框：

$('#rating_state').selectChain({ target: $("#rating_county"), url: 'scripts/chain.php', data: { ajax: true }, selected: '<?php echo $actual_rating_county?>'}).trigger("change");

我的问题是当页面最初加载时，它会在脚本运行完成之前触发我的 select2 插件，结果选择框实际上显示为空白。如果我设置它以便在单击时执行以下操作，它会在单击时解决问题：

$('#rating_county').select2();

整个javascript如下：

$(document).ready(function() {

$('#rating_state').selectChain({ target: $("#rating_county"), url: 'scripts/chain.php', data: { ajax: true }, selected: '<?php echo $actual_rating_county?>'}).trigger("change");

$('.select2').select2({
    placeholder: "Select an option",
    allowClear: true
});
$('#rating_state').change(function(){
    $('#rating_county').select2();
});
});

Answer 1

你需要你的整个代码在里面

$(document).ready(function() { //code here });

正如Khawer上面所说的。