jquery-deferred

Is it possible to "wait" for multiple events before executing a function? I know its possible with jQuery deferred obejcts to use $.when to wait for two promises to resolve but I wondered if its possible with just plain old events? Lets say a click event and a custom event trigger an alert, for example: $.when("click", "customEvent").then(function(){ alert("yay"); }); You could use deferred, you just have to create them yourself. var clickDfd = $.Deferred(); var eventDfd = $.Deferred(); $("div").on("click", function(e) { clickDfd.resolve(); }); $("div").on("some-event", function(e) { eventDfd

I want to implement basic Deferred object without using jQuery. Here i will be implementing only done and fail callbacks, with resolve and reject functions. and ofCourse associating promise method with this function. i am doing the following implementation in pure js (Edited) : function Deferred() { var d = {}; d.resolve = function() { d.done(arguments); } d.reject = function() { d.fail(arguments); } d.promise = function() { var x = {}; x.done = function(args) { return args; } x.fail = function(args) { return args; } return x; } return d; } var v; var setVal = function() { var d = new Deferred

I've been reading about deferreds and promises in jQuery but I haven't used it yet. I've understood everything very well but the method pipe. I really didn't get what it is. Could some please help me to understand what it does and where could it be used? I know there is a question titled exactly like this one ( here ) but its not the same. I'm asking for help to understand it and some example. The objective of the other question is to get why it doesn't work in a particular case. Basically, Deferred.pipe() is an asynchronous equivalent to $.map() . It projects new values from other values

I have an existing project that has a lot of asynchronous functions that return promises. I'm adding some caching so that in some cases the asynchronous functions will complete synchronously and would like to make this code shorter/better if possible: return $.Deferred(function(def) { def.resolve(); }).promise(); For example, I have a Data Service class that handles most AJAX requests that looks like this: function DataService() { var self = this; self.makeRequest = function(functionName, data) { return $.Deferred(function(def) { var jsonData = JSON.stringify(data); $.ajax({ type: "POST", url:

I'm building a game with move.js for animation, but it takes too long so when the player click on the right solution it displays the winning message before the right solution change it's color, so I used deferred object to fire an event and catch it when the animation ends. Here's my code: var deferred = new $.Deferred(); click(e); //show message when game is over $.when(deferred).then(function(){ if (this.checkIfWin()){ alert('you won !'); this.nextLevel(); } }); function click(e){ move(e) .set('background-color','black') .delay('0.1s') .end(); deferred.notify(); } but it's not notified and