Javascript 使用select2在悬停/鼠标悬停时激活选择菜单

我一直在查阅文档，试图找到一种方法，可以轻松地在鼠标悬停时激活“选择”菜单，而不仅仅是单击

不幸的是，如果它存在的话，我似乎找不到这样做的方法，希望有人能给我指出正确的方向

这是一个plnk

谢谢大家

试试这个：

$("#myselect").next(".select2").mouseenter(function() {
    $("#myselect").select2("open");
});
$(document).on("mouseleave", ".select2-container", function(e) {
    if ($(e.toElement || e.relatedTarget).closest(".select2-container").length == 0) {
        $("#myselect").select2("close");
    }    
});

试试这个：

$("#myselect").next(".select2").mouseenter(function() {
    $("#myselect").select2("open");
});
$(document).on("mouseleave", ".select2-container", function(e) {
    if ($(e.toElement || e.relatedTarget).closest(".select2-container").length == 0) {
        $("#myselect").select2("close");
    }    
});

---

我在mouseenter和mouseleave上打开和关闭select2的通用解决方案

$(document).on('mouseenter', '.select2-container', function(e) {
    $(this).prev("select").select2("open");
});

$(document).on('mouseleave', '.select2-container .select2-dropdown', function(e) {
    var selectId = $(this).find("ul").attr('id').replace("select2-", "").replace("-results", "");
    $("#"+selectId).select2("close");
});

---

我在mouseenter和mouseleave上打开和关闭select2的通用解决方案

$(document).on('mouseenter', '.select2-container', function(e) {
    $(this).prev("select").select2("open");
});

$(document).on('mouseleave', '.select2-container .select2-dropdown', function(e) {
    var selectId = $(this).find("ul").attr('id').replace("select2-", "").replace("-results", "");
    $("#"+selectId).select2("close");
});

---

重复的和重复的，唯一的问题是它将关闭而不让我单击其中一个列表项。我试图将关闭部分更改为$myselect-selected.select2close；但它不起作用-请查看live Example唯一的问题是它将在不让我单击列表项之一的情况下关闭。我试图将关闭部分更改为$myselect-selected.select2close；但它不起作用-请看一个活生生的例子