Javascript 拖放/可排序jQuery Ui Live-必须处于启用状态，否则无效

在过去几年中，我可以使用此代码处理实时事件和拖放或排序：

(function ($) {
   $.fn.liveSortable = function (opts) {
      this.live("mouseover", function() {
         if (!$(this).data("init")) {
            $(this).data("init", true).sortable(opts);
         }
      });
   };
}(jQuery));

但是“live”事件已被弃用，在较新的jQuery版本中不起作用。我试图用on事件替换live事件，但仍有错误消息：

TypeError:n未定义

(function ($) {
    $.fn.liveSortable = function (opts) {
        $(document).on("mouseover",this, function () {                 
            if (!$(this).data("init")) {
                $(this).data("init", true).sortable(opts); 
            }
        });
    };
}(jQuery));

你对我能做什么有什么建议吗

---------------编辑-----------------------------

我找到了另一个解决方案：

$(document).on("mouseover",".draggable", function () {

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

});

---

参考资料：

您何时收到错误？也许出了什么问题。我没有收到任何错误，但是我尝试使用“live”功能。因为对象将通过ajax加载。因此“开启”事件不会运行。我用：$（document）.on（“mouseover”，这个函数（）{当我使用您的代码时，没有错误，但是sortable函数不起作用。