jquery - 如何让 jQuery 选择插件来折叠选择框？

Question

也许这不是所选插件的问题，但这就是我遇到问题的地方。所选的插件可以很好地绘制选择框。问题是选择框如果完全显示并且单击选择框中的元素不会折叠选择。我所说的完全显示是指，当显示该部分时，所选内容就像已被单击一样，并且所有选项都是可见的并且不会消失。

有人知道这可能是什么原因造成的吗？

该模板在页面加载后使用 .on() 加载。

加载的模板底部有一个 block ，它正在调用 selected() 函数元素。

<script>
    (function() {
        $('.chzn-select').chosen();
    )()
</script>

在 html 中，选择框定义为:

 <select id="product_id" class="chzn-select"  onchange="update_values()">

我真的不认为这与所选插件有关。我已经尝试了文档中的很多不同参数，但没有任何改变。

Answer 1

不要使用内联 onchange 事件。如果您已经使用jquery，您也应该使用它来添加更改事件。

话虽这么说，我想知道更改事件是否存在冲突，因为插件在元素上自行设置的方式。需要查看更多代码才能确定。

尝试做类似的事情...

$(".chzn-select").chosen().change(function() {
    alert('change happened');
    //to close the chosen (not pretty but will work. note this will close all open chosens)
    $('.chzn-container-active').trigger('click')
});