jquery - 悬停时触发单击选择框

Question

我试图让一个选择框在用户将鼠标悬停在其上方时自动弹出，就像他们单击了它一样。这可能吗？

我想我可以用 jQuery 轻松做到这一点...

$("#settings-select").mouseover(
    function(){
        $(this).trigger("click");
    }
);

但这没有任何作用。有什么想法吗？

Answer 1

我终于成功了!您需要Chosen ;正如其他人指出的那样，您无法使用普通的 select 来执行此操作，因为没有可用的事件。但是，当您将鼠标悬停在select上时，这会弹出打开菜单，并在鼠标移开时关闭菜单，这正是我想要的效果。

HTML:

<select id="dropdown" data-placeholder="Choose&hellip;">
    <option value="one">Option 1</option>
    <option value="two">Option 2</option>
    <option value="three">Option 3</option>
</select>

JS:

$("#dropdown").chosen().next(".chzn-container").hover(
    function(){
        $("#dropdown").trigger("liszt:open");
    },
    function(){
        $(this).trigger("click");
    }
);

$("#dropdown").trigger("liszt:open"); 是打开菜单的内容。当您想要关闭它时(据我所知)，没有等效的 liszt:close 事件可以触发，但触发它的 click 具有相同的效果。