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