Cannot get jquery ui functions to associate with dynamic elements.

[Smita Busar]

OS = Win8, Node version = v0.6.2

I am trying to associate dynamically generated button elements:

[code simplified to fit on screen]

<button type="button" class="btn btn-primary btn-done" id="btn-file-done-2013-Feb-23" group="2013-Feb-23">Done</button>

with the following function:

//merge functions.

$(":button.btn-done").click(function() {

console.log('done clicked...');

});

The same piece of code works fine when i load the page up in a browser directly w\o going through node webkit. Am I missing something obvious or is this a known issue?

thanks,

Smita

[Marc Torruella]

does it work with jquery's live function?

--
You received this message because you are subscribed to the Google Groups "node-webkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to node-webkit...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Smita Busar]

i am using ui 1.10.2 & live isn't supported from 1.9+. Are you suggesting I should try using live()?

http://api.jquery.com/live/

[Marc Torruella]

yes, but not if it is deprecated, sorry did not know

[Smita Busar]

no worries. any other suggestions? i'm curious as to why it isn't working using nw. i guess it has something to do with the event propogation. maybe not evereything is wired in? any other suggestions\work-arounds?

[Marc Torruella]

what happens when you execute 

$(":button.btn-done").click(function() {

console.log('done clicked...');

});

 on console? does click start to work?

what does  $(":button.btn-done").length return?

that's the first i would check...

[Smita Busar]

thanks for your suggestions Marc. click() starts to work when i explicitly execute it from the console. Also, looks like one needs to use "on" instead of live() goign fwd. Even after integrating the same, it doesn't work for me. As you can imagine, i am trying to not go the 'ugly' route of explicitly calling the fn() in html code. I'll play around with this a bit more.

once again, thanks for your suggestions.

[michae...@gmail.com]

$(document).on('click', '.selector', function() {

});

[Bastian KG]

try just

[iscelia...@gmail.com]

Why do you not try this?

$("body").on("click",":button.btn-done",function() {

console.log('done clicked...');

});

this should allow use dynamically created elements.

[super...@gmail.com]

One more thing, in some context, in node-webkit u need to expecify "window.console.log("the text");"

That cases are when for example you are in a module via require (.js) instead of the html itself or a script included on it as normal.

I know is not related to jquery ui, is just an advice.