0

Twitter ブースト ドロップダウン プラグインを使用して、編集可能なドロップダウンを作成しようとしています。今のところ私はこれを持っています：http://jsfiddle.net/U9L2J/3/

私がやりたいことは、リストの各要素の右側に鉛筆アイコンと削除アイコンを配置することです ( と<i class="icon-pencil"></i>を使用<i class="icon-remove"></i>)。これらのアイコンがクリックされたときにイベントをトリガーします。したがって、これらのアイコンがクリックされたときに、要素のチェックボックスをチェックするべきではありません。私が試したすべてのことは、リストのCSSを完全に破壊しました...

何か案は？

4

2 に答える 2

1

クリック イベントを処理するには、.on() を使用してマップする必要があります。

    $(".icon-remove").on("click", function(e){
    alert('clicked');
    e.preventDefault();
});

更新されたフィドル

編集: コード修正:

    $("#layers-dropdown >.layers").on("click","li a label i.icon-remove", function(e){
        alert('clicked');
    e.preventDefault();
});​

動的機能を備えた Fiddle の更新

于 2012-12-12T21:30:11.290 に答える
0

preventDefault を使用して、チェックボックスがチェックされないようにします。

​$("i")​​.click(function(e){
  e.preventDefault();
  // some code here - do your thing!
}​);​

http://jsfiddle.net/PcjNz/を参照してください

もちろん、さまざまなクリックイベントをさまざまなアイコンにバインドする必要があります。この例では、チェックボックスがチェックされないようにするだけです...

于 2012-12-12T21:29:29.323 に答える