jquery sortable 取消在表格单元格上定义的事件

问题描述

我有一张看起来像这样的表格:

<table id="tb">
  <tr>
    <td></td>
    <td>Key</td>
    <td>Value</td>
  </tr>
  <tr>
    <td><img src="/img/dots.png"></td>
    <td id="upd_td_k_1">key1</td>
    <td id="upd_td_v_1">value1</td>
  </tr>
  <tr>
    <td><img src="/img/dots.png"></td>
    <td id="upd_td_k_2">key2</td>
    <td id="upd_td_v_2">value2</td>
  </tr>
  <tr>
    <td><img src="/img/dots.png"></td>
    <td id="upd_td_k_3">key3</td>
    <td id="upd_td_v_3">value3</td>
  </tr>
</table>

我有几个事件函数附加到表中的 tds:

$("#tb td[id^='upd_td_']").focus(function(e) {...});
$("#tb td[id^='upd_td_']").blur(function(e) {...});
$("#tb td[id^='upd_td_']").keydown(function(e) {...});

现在我对 sortable 的定义是这样的:

$("#tb").sortable({
    items: 'tr:not(:first)',cursor: 'grabbing',axis: 'y',dropOnEmpty: false,start: function(e,ui){
        doStuff();
    },stop: function (e,ui){
        doOtherStuff();
    }
});

现在我想要的只是制作每一行的第一个 td,但第一个可抓取以向上/向下移动 trs。问题是没有任何事件函数得到执行(焦点、模糊、键下),它显然是“可排序的”,可以取消它们。当我单击第 2、3 和 4 行中的第 2 和 3 号单元格时,没有任何反应。

如果我删除可排序部分,它会正常工作。 我在这里做错了什么,如何解决

干杯

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)