0

我目前设置了一个 jquery 可选列表，并希望能够为单个项目提供下拉菜单以获取更多信息。下拉列表将出现在列表项的 dblclick 上。我遇到的问题是，如果您从一开始就 dblclick 项目，它在技术上是未选中的，但会显示下拉菜单。我想禁用它，这样 dblclick 只有在选择时才能实现。这是我的代码

<style>
#selectable { padding: 24px 12px;} 

#selectable li {margin: 0; padding: 12px 6px; border: 1px solid #66CCFF;}

#selectable .ui-selecting {background: #FFCC66;}

#selectable .ui-selected {background: #FF9933;}

#hiding {margin: 0; background: #FFCC66; display:none;}
</style>

<body>
<ul id="selectable">
<li>Item1</li>
<ul>
<li id="hiding">Soda</li>
</ul>
<li>Item2</li>
<li>Item3</li>
</ul>
</body>

<script>
$("#selectable").bind("mousedown", function(e){
    e.metaKey = true;
}).selectable();

$("#selectable").dblclick(function() {
    $("#hiding").slideToggle();
});
</script>

也可以在这里访问http://jsfiddle.net/someyoungideas/BXjaS/3/

谢谢

4

0 回答 0