jQueryUI拖拽sortable排序在DOM重新渲染之后失效

Question

最近在用jQueryUI 的sortable做表格拖拽排序功能，但是每次拖拽成功向后台重新请求数据更新DOM的之后，拖拽事件就失效了，有什么办法在DOM重新渲染让sortable事件不失效的方法吗？

这是拖拽的代码，success是请求成功的参数，因为没办法局部渲染，只能先刷新页面，但是后面的功能好多要用到局部刷新。。。求大神帮忙！！！

这是改了绑定之后的报错，改了一个之后会一直往下报这样的符号错误

Answer 1

是因为你的 #detail_table .tab 在请求后重刷页面后的绑定sortable失效了。

可以换种策略试试，就像动态绑定click事件一样。

---

把定义和回调方法分开写，参考这篇中的sort方法，

$(‘.selector’).bind(‘sort’, function(event, ui) { … });

能用bind进行绑定，就能用on进行动态绑定