按钮元素中div元素的jQuery hover（）事件

Question

我似乎无法让jQuery注意到以下标记中的div

<button class="button submit positive right" id="omnisubmit" type="submit">
    <div class="label">Submit</div> 
    <div class="controller">&nbsp;</div>
</button>

这是我目前正在使用的jQuery：

$("button#omnisubmit div.controller").hover(function () {
            console.log("Hover...");
        });

然而，当鼠标悬停在该div上时，jQuery似乎没有找到，当然$("button#omnisubmit div.controller").hover(...正常工作。

我有一种感觉，因为将div放在按钮内可能不是标准的HTML？

Answer 1

听起来你应该做的就是有两个按钮元素，它们的样式看起来像一个。

像jQuery UI Button element split button example.

这样的东西