There is an issue with iOS not registering click/touch events bound to elements added after DOM loads. While PPK has this advice: http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html I’ve found this the easy fix, simply add this to the css: cursor: pointer;
To handle the “do this except when this element is clicked” situation, the general approach is to add an event handler to the document which handles the “do this” case, then add another event handler to the “except this” element, which simply prevents the click event bubbling up to the document; $(‘#special’).on(‘click’, function(e) { e.stopPropagation(); … Read more
Should be done this way. $(‘body’).on(‘click’, ‘.button’, function (){ alert(‘click!’); }); If you have a container that doesn’t change during the ajax request, this is more performant: $(‘.container’).on(‘click’, ‘.button’, function (){ alert(‘click!’); }); Always bind the delegate event to the closest static element that will contain the dynamic elements.
.click() is not standard. You need to create an event and dispatch it: function click(el){ var ev = document.createEvent(“MouseEvent”); ev.initMouseEvent( “click”, true /* bubble */, true /* cancelable */, window, null, 0, 0, 0, 0, /* coordinates */ false, false, false, false, /* modifier keys */ 0 /*left*/, null ); el.dispatchEvent(ev); }
You can do this as follows. Set your table cell’s selection style to UITableViewCellSelectionStyleNone. This will remove the blue background highlighting. Then, to make the text label highlighting work the way you want, instead of using the default UITableViewCell class, create a subclass of UITableViewCell and override the default implementation of setHighlighted:animated with your own … Read more
In that case, we can do the following $(‘selected’).unbind(‘click’).bind(‘click’, function (e) { do_something(); }); I had the event firing two times initially, when the page get refreshed it fires four times. It was after many fruitless hours before I figured out with a google search. I must also say that the code initially was working … Read more
Using jQuery: $(‘#gift-close’).trigger(‘click’); Using JavaScript: document.getElementById(‘gift-close’).click();
The native DOM method does the right thing: $(‘.cssbuttongo’)[0].click(); ^ Important! This works regardless of whether the href is a URL, a fragment (e.g. #blah) or even a javascript:. Note that this calls the DOM click method instead of the jQuery click method (which is very incomplete and completely ignores href).
$(‘#myCheckbox’).change(function () { if ($(this).prop(“checked”)) { // checked return; } // not checked }); Note: In older versions of jquery it was OK to use attr. Now it’s suggested to use prop to read the state.
e.preventDefault(); from https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault Cancels the event if it is cancelable, without stopping further propagation of the event.