使用select2

Question

我一直在查看文档，尝试找到一种方法来轻松激活hover上的选择菜单，而不仅仅是click上的。

不幸的是，我似乎无法找到方法（如果它存在），并希望有人能指出我正确的方向？

这是一个plnk，

http://plnkr.co/edit/GTeyWfOp9aTd1B0Be0Hs?p=preview

全部谢谢

Answer 1

试试这个：

$("#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");
    }    
});

Answer 2

我在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");
});