jquery - 修改 JQuery 选择样式的 UL 以在没有 BootstrapJS 的情况下工作

Question

我的元素使用 JQuery 1.7.2 和 JQuery-UI。

我想修改这个选择样式的 UL 以在没有 Bootstrap.JS 的情况下工作:Select-style ul

我已经删除了 Bootstrap 依赖项并正在此处进行试验:Modified select-style ul

我添加了以下 JQuery 来隐藏和显示 ul 菜单，以模仿原始功能，如下所示:

$(".select-list .dropdown-menu").hide();
$(".select-list").click(function () {
    $(".select-list .dropdown-menu").show();
})

当选择某些内容或用户在菜单外单击时，如何再次隐藏 () UL？

Answer 1

你可以试试:

$(".select-list .dropdown-menu").hide();
$(".select-list").click(function () {
    $(".select-list .dropdown-menu").show();
});
$(".select-list .dropdown-menu").mouseleave(function(){
    $(this).hide();
});