Question

我目前有一个jquery可选列表设置，并希望能够让单个项目下拉以获取更多信息。下拉列表将显示在列表项的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/

由于

处理jQuery selectable和dblclick

0 个答案: