js - 如何命名此代码？ [关闭]

Question

我正在尝试使用命名空间，但无法正常工作。 我尝试使用 mdd = {} 包装所有代码，并尝试使用 var MDD = {} 包装 $(document).ready( 中的所有内容，但均未成功。

如何为这段代码添加命名空间？

<script type="text/javascript">
  $(document).ready( function() {
    $("#categories").sortable({
      revert: true,
      receive: function(evt, ui) {
        ui.item.remove();
        if ( $('#list_to_process li').length == 0) {
          $('#list_to_process').remove();
        }
      }
    });
    $("li.to_process").draggable( {
      connectToSortable: "#categories",
      helper: "clone",
      revert: "invalid"
    });
  });
</script>

Answer 1

如果组织你的代码是你想要达到的目标，我建议如下：

• 外部创建您的命名空间$(document).ready（在我的示例中使用Revealing module pattern）。
• 在$(document).ready 上调用您的代码。

示例：

$(function(){
    MDD.init();
});

var MDD = function () {
  var init = function () {
    $("#categories").sortable({
      revert: true,
      receive: function(evt, ui) {
        ui.item.remove();
        if ( $('#list_to_process li').length == 0) {
          $('#list_to_process').remove();
        }
      }
    });
    $("li.to_process").draggable( {
      connectToSortable: "#categories",
      helper: "clone",
      revert: "invalid"
    });
  };
  return {
    init : init
  }
}();

Answer 2

JQuery 的 .sortable 和 .draggable 调用是方法，而不是事件处理程序。据我所知，它们不能被命名空间。

然而，jQuery 的$(document).ready(... 是 一个事件处理程序，因此您可以命名它，但前提是它与.on 方法一起使用。请注意，我之前没有对此进行过测试，但如果可行，那么以下应该可以工作：

$(document).on("ready.namespace", function() {
    ...
});