Javascript “multiselect”上的下拉列表未显示

我正在使用multiselect创建multiselect下拉列表，但我面临的问题是，当我将鼠标悬停在multiselect下拉列表上时，它不会显示。引导类中的下拉菜单属性被隐藏

如上图所示，鼠标悬停时不会打开“未选择”下拉列表

Javascript:

  $(function () {
    $('[id*=multidropdown]').multiselect({
    includeSelectAllOption: true
    });
  });

HTML代码

<select id="multidropdown" class="multiselect-ui form-control" multiple="multiple" >
  @foreach (var item in clients)
  {
      <option value=@item.ToString() class="col-md-5"> @item.ToString() </option>
  }
</select>

@foreach（客户端中的var项）
{
@item.ToString（）
}

根据作者的文档（），下面的代码可能会解决您的问题

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

参考：

用于MultiSelect的可选JavaScript库

要素1
要素2
要素3
要素4
元素100
$（“#我的选择”）.multiSelect（{includeSelectAllOption:true}）；

发布您的代码。寻求调试帮助的问题应包括所需的行为、特定问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：。我已在问题@KannanKcan中添加了代码。您可以检查foreach循环是否正确打印了选项吗？是的，这些选项打印正确，就像我在console.log（）上打印列表一样，但不是在鼠标悬停时@PraneethNidarshanIt给出了错误类型error:$（…）。multiSelect不是一个函数您正在使用的multiSelect库是什么？我正在使用David Stutz的multiSelect插件来检查此url