也许这不是所选插件的问题,但这就是我遇到问题的地方。所选的插件可以很好地绘制选择框。问题是选择框如果完全显示并且单击选择框中的元素不会折叠选择。我所说的完全显示是指,当显示该部分时,所选内容就像已被单击一样,并且所有选项都是可见的并且不会消失。
有人知道这可能是什么原因造成的吗?
该模板在页面加载后使用 .on() 加载。
加载的模板底部有一个 block ,它正在调用 selected() 函数 元素。
<script>
(function() {
$('.chzn-select').chosen();
)()
</script>
在 html 中,选择框定义为:
<select id="product_id" class="chzn-select" onchange="update_values()">
我真的不认为这与所选插件有关。我已经尝试了文档中的很多不同参数,但没有任何改变。
最佳答案
不要使用内联 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')
});
关于jquery - 如何让 jQuery 选择插件来折叠选择框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17660974/