停止从拖放的div到可选择的传播
停止从拖放的div到可选择的传播
提问于 2009-08-25 11:13:00
如果我有一个有可选择单元格的表
$("#selectTable").selectable({ filter: ">*>tr>td"});其中一个单元格包含一个可拖动的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会在表单元格之前拦截click事件，但是我试图在draggable元素上使用event.stopPropagation，但到目前为止我还没有得到任何结果.
任何建议或建议，使用可拖在可选择的父母将是最感谢的！
编辑:似乎将div元素添加到可选选项的cancel选项中是有效的-
$("#selectTable").selectable({ filter: ">*>tr>td", cancel: ':input,option,div'});这可以防止在单击div时选中div，但当您单击drag+select和周围的元素时则不能选择div。
编辑我现在已经解决了，这个问题的解决方案可以找到here
回答 2
Stack Overflow用户
发布于 2012-02-07 22:30:32
我知道这是一个老问题，但我也有一个类似的问题，就是标签不能在具有可选择单元格的表中单击。
以下几点如何？
<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"});Stack Overflow用户
发布于 2009-08-25 11:30:53
尝试将return false放在拖放元素的click方法的末尾。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1327577
复制相关文章
相似问题
腾讯云开发者
