0

Пытаюсь сделать плагин для Jquery. Вот его максимально упрощенная версия:

(function($) {
  $.extend({
    VK: function(options) {

      this.init = function() {

      }

      this.init();
      // allow jQuery chaining
      return this;
    }
  });
})(jQuery);

На данный момент вызывается мой плагин след образом:

$.VK();

Я хочу создать обрабтчик события в стиле как это реализовано, например, для ajax:

$.VK().done(function( data ) {

}).fail(function( data ){

});

как это можно реализовать ? То есть вопрос заключается, как вызвать функцию done() из плагина?

Думаю нужно что-то вроде такого, но это конечно не рабоатет
JSFiddle

(function($) {

  $.extend({
    VK: function(options) {

      this.init = function() {

        var someCondition = true;
        if (someCondition) {
          this.done("OK")
        } else {
          this.fail("fail")
        }
      }

      this.init();
      // allow jQuery chaining
      return this;
    }
  });
})(jQuery);
6
  • done и fail это методы Promise или аналогичного объекта jQuery. Поэтому для их использования функция VK должна возвращать promise либо объект в котором есть эти функции
    – Grundy
    6 янв 2017 в 13:25
  • в Вашем коде $.VK() возвращает глобальный объект jQuery, к которому Вы еще и добавляете метод init.
    – user176262
    6 янв 2017 в 13:28
  • @Igor, А что $.VK() должен возвращать? Я просто никогда не занимался плагинами для jquery
    – koks_rs
    6 янв 2017 в 13:30
  • var result = {init: function(){...}, done: function(){...; return this; } fail: function(){...; return this;} }; return result; И callback'ов в коде пока не видно.
    – user176262
    6 янв 2017 в 13:33
  • а как ваш плагин связан с jQuery? почему не сделаете просто отдельный модуль? 6 янв 2017 в 13:33

1 ответ 1

0

Вообщем благодаря вашим подсказкам пока что получилось так:

(function($) {

  $.extend({
    VK: function(options) {
      init = function() {

        var deferred = $.Deferred();
        var someCondition = true;

        if (someCondition) {
           deferred.resolve("ok");
        } else {
           deferred.reject("fail");         
        }

        return deferred.promise();

      }

      return init();
    }
  });
})(jQuery);


$(function() {

  $("#button").click(function() {
    $.VK().done(function(data) {
      alert(data);
    });
  });

});
3
  • зачем this. перед init?
    – user176262
    6 янв 2017 в 14:34
  • @Igor, поправил, спасибо.
    – koks_rs
    6 янв 2017 в 15:11
  • тогда уж var перед ним добавь
    – Grundy
    6 янв 2017 в 16:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.