Question

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

$('#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 });

正如卡特尔上面所说的那样。

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

1 个答案: