停止伝播

Question

私は選択セル

$("#selectTable").selectable({ filter: ">*>tr>td"}); 

を持ち、細胞の1がそうのようにドラッグ可能なdivの

$(".dragMe").draggable({}); 

HTMLを含むテーブルがある場合：

を

<table id="selectTable"> 
    <tr> 
     <td> 
     1 
     </td> 
     <td> 
     2 
     </td> 
     <td> 
     3 
     </td> 
     <td> 
     <div class="dragMe">drag me</div> 
     </td> 
    </tr> 
</table> 

divを含むセルを選択できないようにするにはどうすればよいですか？

ドラッグ使用のために...

任意の提案やヒントを、私はdivの表のセルの前にクリックイベントをインターセプトします推測が、ドラッグ可能な要素にするevent.stopPropagationを使用しての私の試みは、これまでどこにも私を導いていません選択可能な親の中で最も高く評価されるでしょう！

EDIT： 選択のためのキャンセルオプションにdiv要素を追加することはほとんど機能しているようです -

$("#selectTable").selectable({ filter: ">*>tr>td", cancel: ':input,option,div'}); 

あなたは+ドラッグすると、これはあなたがそれをクリックすると、選択されているから、divのを防ぎ、ではなく、周囲の要素と一緒にそれを選択してください。

編集 私は今、これを解決してきた、この質問に対する解決策はhere

Answer 1

があなたのドラッグ可能な要素のクリックメソッドの最後にreturn falseを入れてみてください見つけることができます。

Answer 2

私はこれは古い質問だと知っていますが、選択可能なセルを持つ表内でクリック可能でないタグについても同様の問題がありました。

方法以下について：

<table id="selectTable"> 
<tr> 
    <td> 
    1 
    </td> 
    <td> 
    2 
    </td> 
    <td> 
    3 
    </td> 
    <td class="dragMe"> 
     <div>drag me</div> 
    </td> 
</tr> 

$("#selectTable").selectable({ filter: ">*>tr>td", cancel: ".dragMe"});