jQuery-方法鏈的插件和名稱空間問題

Question

我正在嘗試創建一個可以同時調用的簡單插件： $.myPlugin()和$('something').myPlugin()

這是代碼：

(function($) {
  $.fn.myPlugin = function(item) {
    return this;
  };

  $.myPlugin = function(item) {
    return $.fn.myPlugin(item);
  };
}(jQuery));

當以上述任一方式調用時，此方法有效。

但是，調用$.myPlugin().hide() 無效 。 任何鏈接的方法都將失敗。

這是我制作的一個簡單的JSBin來顯示問題

為什么？

Answer 1

您應該返回$(this) ，而不是jquery this ：

(function($) {
    $.fn.myMethod = function() {
      this.append('<p>MY METHOD</p>');

      return $(this);
    };

    $.myMethod = function() {
      return $.fn.myMethod();
    };
}(jQuery));

$(function () {
    // Moment of truth
    $('.output').myMethod().hide('slow');

    $('h1').click(function(){
      $('.output').myMethod().hide();
    });
});