Javascript Can'；在“隐藏输入”下拉列表中捕获单击事件

我使用了一个下拉菜单，它结合了隐藏复选框和：focus来显示选项

但我不知道如何将单击事件绑定到它

/*
*用于设计和编码的下拉菜单
* http://designitcodeit.com/i/19
*/

html{
背景：#fff url(http://designitcodeit.com/live/NBTXyIkXIpw4/img/bg.png);
字体大小：75%；
字体系列：Arial，“Helvetica Neue”，Helvetica，无衬线；
}
身体{
字体系列：Optima、Segoe、“Segoe UI”、Candara、Calibri、Arial、无衬线字体；
利润率：110px自动0自动；
宽度：100%；
最大宽度：260px；
文本对齐：居中；
}
a{
文字装饰：无；
}
.下拉列表{
位置：相对位置；
显示：内联块；
文本对齐：左对齐；
宽度：132px；
}
.下拉文本{
光标：指针；
位置：绝对位置；
文本缩进：10px；
线高：32px；
背景色：#eee；
边框：1px实心#ccc；
边界半径：3px；
盒影：0 1px 0 rgba（255255255.9）插图，0 1px 3px rgba（0,0,0.1）；
宽度：100%；
}
.下拉文本：在{
位置：绝对位置；
右：6px；
顶部：15px；
内容：''；
宽度：0px；
高度：0px；
边框样式：实心；
边框宽度：5px4p04px；
边框颜色：#555透明；
}
.下拉文本，
.下拉内容a{
颜色：#333；
文本阴影：0 1px#fff；
}
.下拉开关{
字号：0；
z指数：1；
光标：指针；
位置：绝对位置；
排名：0；
边界：无；
填充：0；
利润率：0.1px；
背景：透明；
文本缩进：-10px；
高度：34px；
宽度：100%；
}
.下拉切换：焦点{
大纲：0；
}
.下拉内容{
-webkit过渡：全部.25秒轻松；
-moz过渡：全部.25秒轻松；
-ms过渡：全部.25秒轻松；
-o型过渡：全部0.25秒缓解；
过渡：全部.25秒缓解；
列表样式类型：无；
位置：绝对位置；
顶部：32px；
填充：0；
保证金：0；
不透明度：0；
可见性：隐藏；
边界半径：3px；
文本缩进：10px；
线高：32px；
背景色：#eee；
边框：1px实心#ccc；
宽度：140px；
}
.下拉内容a{
显示：块；
}
.下拉列表内容a：悬停{
背景：#e8e8e8；
}
.下拉切换：悬停~。下拉文本，
.下拉切换：焦点~.下拉文本{
背景色：#e8e8e8；
}
.下拉切换：焦点~.下拉文本{
盒影：0 1px 3px rgba（0,0,0,2）插图，0 1px 0 rgba（255255,0.8）；
z指数：2；
}
.下拉切换：焦点~。下拉文本：之后{
边框宽度：0 4px 5px 4px；
边框颜色：透明透明#555透明；
}
.下拉列表内容：悬停，
.下拉切换：焦点~.下拉内容{
不透明度：1；
能见度：可见；
顶部：42px；
}

要显示/隐藏菜单，我使用的是：焦点而不是复选框，所以当您单击其他地方时，菜单将隐藏：）

账户

试试这个：

$('.dropdown-content a').click(function(ev){
  ev.preventDefault();
  alert('yo');            
});

试试这个：

$('.dropdown-content a').click(function(ev){
  ev.preventDefault();
  alert('yo');            
});

嗯，尝试使用而不是单击事件

取决于你在做什么，它可能会更好

$(".dropdown-toggle").focus(function() {

嗯，尝试使用而不是单击事件

取决于你在做什么，它可能会更好

$(".dropdown-toggle").focus(function() {

---

如果您使用focus来构建下拉列表，那么触发同一个focus上的事件可能是一个合适的解决方案：

$(document).ready(function() {

  $(".dropdown-toggle").focus(function() {
    alert("Yo!");
  });

});

---

工作代码笔：

如果您使用焦点构建下拉列表，那么触发该焦点上的事件可能是一个合适的解决方案：

$(document).ready(function() {

  $(".dropdown-toggle").focus(function() {
    alert("Yo!");
  });

});

---

工作代码笔：

好的，我想我误解了你的问题。我会删除我的答案并深入查看你的HTML。好吧，我想我误解了你的问题。我会删除我的答案并深入查看你的HTML。当我第一次点击下拉列表时，我需要得到一个yo。选择一个选项时不需要。我需要在第一次单击下拉菜单时得到一个yo。选择一个选项时不会。