Doesn't work with bootstrap collapse

[malutka]

I'm using Bootstrap and this plugin. I created collapse menu - menu doesn't close when I'm using unevent plugin.

[LPABelgium]

Same issue with collapse and modal

[prwaves]

One quick solution is to simply edit the plugin and rename the method so that it doesn't overwrite the .on() function. Then explicitly call the new method when desired, instead of relying on the existence of a third parameter to determine if it should be triggered. This would avoid affecting any other plugins depending on the .on() function.

[gaspard-macelin]

Hi @prwaves can you help me?
I change juste the .on ?

;(function ($) {
var on = $.fn.on, timer;
$.fn.on = function () {
var args = Array.apply(null, arguments);
var last = args[args.length - 1];

            if (isNaN(last) || (last === 1 && args.pop())) return on.apply(this, args);

            var delay = args.pop();
            var fn = args.pop();

            args.push(function () {
                    var self = this, params = arguments;
                    clearTimeout(timer);
                    timer = setTimeout(function () {
                            fn.apply(self, params);
                    }, delay);
            });

            return on.apply(this, args);
    };

}(this.jQuery || this.Zepto));

thanks a lot

[gaspard-macelin]

Ok this one is good

thanks @jpouillard

;(function ($) {

$.fn.afterEvent = function () {

var args = Array.apply(null, arguments);
var last = args[args.length - 1];

if (isNaN(last) || (last === 1 && args.pop())) return $.fn.on.apply(this, args);

var delay = args.pop();
var fn = args.pop();

args.push(function () {

  var self = this;
  var params = arguments;

  if (!this.timer) this.timer = {};
  if (this.timer[delay]) clearTimeout(this.timer[delay]);

  this.timer[delay] = setTimeout(function () {
    fn.apply(self, params);
  }, delay);
});

return $.fn.on.apply(this, args);

};
}(this.jQuery));