单击列表项时取消下拉列表
Dismissing Drop Down List when List Item Clicked
我有一个下拉列表,在悬停时激活(在悬停离开时取消)。就悬停而言,它工作得很好。当用户单击下拉列表中的某个列表项时,我希望下拉列表被忽略,就像他们将鼠标从列表中移开一样。这就是我陷入困境的地方。
$(document).ready(function () {
$('.navigation li').hover(
function () {
$('ul', this).fadeIn();
},
function () {
$('ul', this).fadeOut();
}
);
// this is where I am attempting to dismiss the drop down list
// the console output appears just fine, but the drop down list does not
// go away.
$('.navigation li').click(function () {
console.log("clicked");
$('.ul', this).fadeOut();
});
});
值得注意的是,每次单击都会出现两次控制台输出。不确定这意味着什么。。。
您的目标是ul
的类,而不是<ul>
标记。
将最后一个代码更改为:
$('.navigation li').click(function () {
console.log("clicked");
$('ul', this).fadeOut(); // changed
});
通常都是简单的事情
相关文章:
- 如何使用jQuery选择下拉列表的值
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 禁用jQuery中的下拉列表
- 如何在按钮中显示下拉列表中选定的元素
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- 如何使用PHP和JS级联三个下拉列表
- 如何在使用剑道 MVVM 下拉列表时强制选择第一项
- 语义ui如何使用javascript启用或禁用下拉列表
- 单击列表项时取消下拉列表
- 下拉列表单选取消选择
- 在复选框取消选中事件中从HTML下拉列表中删除项目
- 列表查看(如果选中复选框)和下拉列表选定值 = X 然后警报 + 取消选中
- 浏览器刷新时,JQuery多选复选框下拉列表未被取消选中
- Javascript文件从下拉列表中取消绑定,需要重新绑定
- 取消下拉列表更改事件时如何设置上一个值
- JQuery取消下拉列表/在快速悬停操作时向下滑动列表
- 原型-如何从下拉列表中取消选择所选值