jQuery: firing a click event from a class instead of an ID

[hofar...@houseoffusion.com]

I have a button on a page with a class attached to it (several buttons
actually) shouldn't I be able to attach a jQuery click event to the buttons
using a class as a selector:

$(".editPathway").click(function(){
var x = $(this).data("id");
$('#pathEditFrm').jqm({
modal:true,
ajax:'index.cfm?action=loadPathEdit&id=' + x + '&nolayout',
closeOnEsc: true
}).jqmShow();
});


a variation on this code fires just fine from an ID selector.. but won't
fire at all from a class.

Thanks in advance

--
--
Scott Stewart
Adobe Certified Instructor, ColdFusion 8 & 9
Adobe Certified Expert, ColdFusion 8 & 9

Blog: http://www.sstwebworks.com
Email: webm...@sstwebworks.com


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion
Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:360272

[hofar...@houseoffusion.com]

I think you need to add an event listener for the class:

classname.addEventListener('click', myFunction, false);


Robert Harrison
Full Stack Developer
AIMG
rhar...@aimg.com
Main Office: 704-321-1234  ext.118
Direct Line: 516-302-4345
www.aimg.com

Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:360273

[hofar...@houseoffusion.com]

.delegate is what I was looking for

$("#pathList").delegate('.editPathway','click', function(){

var x = $(this).data("id");
$('#pathEditFrm').jqm({
modal:true,
ajax:'index.cfm?action=loadPathEdit&id=' + x + '&nolayout',
closeOnEsc: true
}).jqmShow();
});

#pathList is the parent container and the form is injected in via $.load()
(there's a data form above it, I want to reload the bottom each time a new
record is added)

On Fri, Mar 20, 2015 at 12:17 PM, Robert Harrison <rhar...@aimg.com>
wrote:

Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:360275

[hofar...@houseoffusion.com]

.on() in jquery 1.7+ is probably what to use instead of delegate(). I only
say this as the documentation notates on() supercedes delegate(). And they
have a habit of deprecation in these instances.

$(document).on(event, selector, function )

On Mar 20, 2015 1:08 PM, "Scott Stewart" <webm...@sstwebworks.com> wrote:
>
>
> .delegate is what I was looking for
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Order the Adobe Coldfusion Anthology now!
http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion

Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:360276

[hofar...@houseoffusion.com]

Byron,

delegate is not depreciated in 1.7, it's still active as of 1.11, which is
the version that I'm using. There are a couple of instances of deferred.is
that are depreciated but not .delegate.

http://api.jquery.com/category/deprecated/deprecated-1.7/

http://blog.jquery.com/2011/11/03/jquery-1-7-released/

Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:360277