Each of my li's have a class of 'galleryImage', inside that is a span with the class 'delete'. When the user clicks on the span delete I want the js to do something, but the following code doesn't seem to fire, whats wrong with it?
$('.galleryImage .delete').click(function() {
alert("Handler for .click() called.");
});
Try this:
$('body').on('click', '.galleryImage .delete', function() {
alert("Handler for .click() called.");
});
with jQuery > 1.7
Your question doesn't clarify that, those element on which you're trying to add event are dynamic (added to document page after page load) or previously exists in at page load. So I assume that your elements are added to document after page load.
To add events that added to DOM after page load need delegate event which can be done with .on() in jQuery.
.on()$(container).on(eventName, target, handlerFunction);
