jquery.multiselect和jquery.selectbox之间存在冲突

Conflict between jquery.multiselect and jquery.selectbox

本文关键字：jquery 存在 冲突 之间 selectbox multiselect      更新时间：2023-09-26

我在我的应用程序中使用jquery.multicelect.js和jquery.selectbox-0.2.js进行多选下拉和单选下拉。

我可以完全单独使用这两个下拉菜单。如果我有一个同时包含两个下拉列表的页面，我就有问题了。问题是，单击外部时，多选下拉列表不会关闭。单选下拉列表没有问题。因此，一旦我展开多选下拉菜单并单击页面上的某个位置，它就不会关闭。

您的选择器是什么样子的您的选择器通常包含select元素还是仅包含那些多选择器？例如：

$('select').multiSelect();

将影响所有select元素，包括那些绑定到selectbox插件的元素。

如果您还没有，请确保您的多选插件只影响具有多属性的select元素：

$('select[multiple]').multiSelect();

您的selectbox插件可能也会影响多选元素。您需要从具有多个属性的选择中筛选这些选择。你可以用两种方法：

  1. 为单选提供一个更详细的标识类(即class="single-select"(
  2. 使用jQuery的:not()选择器，如下所示：$('select:not([multiple])').selectbox();
Jquery选择框插件具有以下功能 
$("html").on('mousedown', function(e) {
    e.stopPropagation();          
    $("select").selectbox('close'); 
});

我评论了e.stopPropagation((；线现在单击外部，它会调用mutiselect中的buur方法。。。到此为止。。据我所知，由于e.stopPropagation((，之前没有调用mutiselect的关闭。。

相关文章：