触发器单击悬停时的选择框

Question

select当用户将鼠标悬停在它上面时,我正试图让一个盒子自动弹出,就好像他们点击了它一样.这可能吗？

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

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

但这没有任何作用.有任何想法吗？

Answer 1

我终于开始工作了!你需要选择 ; 正如其他人所指出的那样,你不能用正常做法,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它会产生相同的效果.