Where this is coming from When I first learned jQuery, I normally attached events like this: $('.my-widget a').click(function() { $(this).toggleClass('active'); }); After learning more about s...

I have not seen the source of this function, but I wonder, does it work like this: Selects element(s) by their selectors Delegates the provided event-handlers to them Runs a setInterval on that se...

I have noticed that the event for $('#firstId') is not firing when the change is done by the Javascript itself. Why is this the case? Is there a way to still fire the event? Here is an exampl...

I want to click on button 2 to trigger a click event on button 1. However, when I try the following, nothing happens when clicking on #2: no alert for #1 or #2. HTML: <div id="container">...

On the front page of a site I am building, several <div>s use the CSS :hover pseudo-class to add a border when the mouse is over them. One of the <div>s contains a <form> which, u...

Any one know why $.on.apply(this, args); gives me "Uncaught TypeError: Cannot read property 'apply' of undefined" I know for sure that $.on is defined in jQuery :/

I have a page using jquery-ui-dialog. Each time the dialog opens, page contents load in using ajax. Then it binds some event using jquery "on()". When the dialog close, it will empty its content. ...

I'm trying to add the hoverIntent plugin to elements on my page, however some elements will be added to the DOM later on, which means I have to bind the plugin to future elements as well. How do yo...

Problem: The blur and keyup events each fire once onload, and only onload. How can I get them to work correctly? jQuery: function myFunction(text){ alert(text); } $('#input1').on({ keyup: myFunc...

I want to call a function over specific elements on my DOM, for example: $(".red").css({backgroundColor: "pink"}); It works ok for any element already existing into the DOM, but I also want to t...

When an element contains another element that is being animated via a CSS transition, click events are occasionally not fired. Test case: http://codepen.io/anon/pen/gbosy I have a layout where a...

I'm adding inputs dynamically into my page, so need to use .on to attach events to them. I'm trying to attach a change event to a type="file" input, but it's just not working. I've tried two ways...

I used live() for generated pages and frames. But in jQuery 1.9 this function is deprecated and does not work. I use on() instead of live() but this method works for one time, and does not w...

So I've got a page with the following structure <div class="editCampaignBanner"> <div> <hr> <label for="file">Upload a new image</label> <input id="file" type=...

Is it possible to use jquery .on() method instead of .delegate() when there is no event to be listened to? According to the .on() documentation: .on( events [, selector] [, data] , handler(eve...