2

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

任何人都知道可能导致这种情况的原因是什么？

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

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

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

在 html 中，选择框定义为：

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

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

4

2 回答 2

2

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

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

尝试做类似的事情......

$(".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')
});
于 2013-07-15T18:32:17.420 回答
0

我遇到了同样的问题，选项在页面下方展开并且在我选择一个后不会消失。在创建了最简单的 html 页面但仍然存在问题后，我意识到我没有链接到包含在 zip 文件中的 selected.css：

<link rel="stylesheet" type="text/css" href="/scripts/chosen/chosen.css">

一旦我将 selected.css 和所有其他文件从 zip 文件复制到我的“scripts/chosen”文件夹并将上面的链接添加到 selected.css，选择就像演示一样工作。

于 2016-10-14T13:55:17.157 回答