javascript - 在悬停时打开下拉菜单切换 - knockout

标签 javascript jquery html css knockout.js

我正在尝试使用 knockoutjquery 在悬停时添加和关闭 dropdown

FIDDLE HERE

这是简单的 HTML

<div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle"
            data-toggle="dropdown" data-bind="event: { mouseover: enableDetails, mouseout: disableDetails }">
        Lists
    </button>

    <ul class="dropdown-menu" role="menu">
        <li>
            <a href="#">Sub List 1</a>
        </li>
        <li>
            <a href="#">Sub List 2</a>
        </li>
    </ul>
</div>

最佳答案

理想情况下,$(".dropdown-toggle").dropdown(); 应该在放置在 fiddle 的 enableDetails 方法中时起作用。但是这个 $(".dropdown-toggle").dropdown('toggle'); 似乎有效。这是更新的 fiddle. 下拉功能来自 Bootstrap documentation.

关于javascript - 在悬停时打开下拉菜单切换 - knockout ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34121406/

相关文章:

javascript - 在javascript中获取元素

javascript - 如何将对象数组转换为唯一数组?

javascript - 当通过书签插入时,jquery 在某些站点中表现异常

javascript - 从使用 JQuery load() 函数调用的页面获取 url 参数

javascript - 在子 div 中也单击父 div

javascript - CSS 转换没有开始/回调没有被调用

javascript - 我可以使用内置的 fetch() 减少这个异步代码吗?

jQuery 根据内容的高度放置按钮

javascript - 当第二列的第一行中存在图像时,jQuery动态更改表中第一列的填充顶部

javascript - 在 Javascript 中将图像转换为二进制数据或字符串