将几个自定义 Jquery 函数放入外部脚本中

Question

我有以下两个函数，我需要帮助将它们移动到外部文件中。

 $.fn.clearSelect = function () {
        return this.each(function () {
            if (this.tagName == 'SELECT')
                this.options.length = 0;
        });
    }

    $.fn.addItems = function(data) {
        return this.each(function () {
            var list = this;
            $.each(data, function (index, itemData) {
                var option = new Option(itemData.Text, itemData.Value);

                list.add(option);
            });
        });
    }

我需要做一些特别的事情吗？ 我尝试自己执行此操作，并提出了以下内容，但我收到“未捕获的语法错误：意外的标记）”。

(function ($) {
    clearSelect = function () {
        return this.each(function () {
            if (this.tagName == 'SELECT')
                this.options.length = 0;
        });
    };

    addItems = function (data) {
        return this.each(function () {
            var list = this;
            $.each(data, function (index, itemData) {
                var option = new Option(itemData.Text, itemData.Value);
                list.add(option);
            });
        });
    };
})(jQuery);

谢谢

Answer 1

您最初的方法应该有效...只需确保该文件包含在 jQuery 本身之后。 您可以在这里测试。

另一种选择是扩展 $.fn ，类似于您的第二次尝试，如下所示：

(function($) {
  $.fn.extend({
    clearSelect: function() {
      return this.each(function() {
        if (this.tagName == 'SELECT') this.options.length = 0;
      });
    },
    addItems: function(data) {
      return this.each(function() {
        var list = this;
        $.each(data, function(index, itemData) {
          var option = new Option(itemData.Text, itemData.Value);
          list.add(option);
        });
      });
    }
  });
})(jQuery);

您可以在此处测试该版本。