Jquery: rewrite chained code using live

JavaScript
1

hi guys, i wish the jquery community are looking here right now.

i have this existing code, which looks like this

$('selector').mousedown(function() {
	do something here
}).draggable({
	do something again
}).resizable({
	another code here
}).find('.window').dblclick(function() {
	yet another code
}).find('img').dblclick(function() {				
	set another set of parameters here
});

This code is called once on DOM ready. but when i started inserting new elements, i figured i needed to use event delegation so i wouldn’t need to run this code again. And here is where i fail, i couldn’t maintain the “chaining” when using .live(). this is as far as i could go

$('div.window').live('mousedown', function() {
	do something here
});

from there, with my limited experience, i failed to maintain the chaining. where do i chain the draggable (and the rest of the lot) event? :frowning:

2

The jQuery live() documentation has a multiple events section that reveals all.

3

hi pmw57, actually ive read that link before i started coding, but it didnt really help. see, the draggable() and resizable() cant be used on live(), or thats what i think, cause they are not bound to particular events.

Everytime I insert a new element I have to add the draggable() and resizable() functions. what im trying to accomplish is to eliminate that part by using event delegation. so far i cant make use of live(), else what will happen is that everytime i mousedown on a div, the dragabble() and resizable() will always fire, which doesnt need to.

so basically, i need my old code recoded such that it will support event delegation of the draggable() and resizable() in particular. Those two are from the jQuery UI library BTW.

4

Did you know that you can use custom events too, and trigger that custom event when you create the elements?

5

no i dont, sorry but javascript is unchartered territory to me. i could only do so much editing on an existing code. I’ll try to read about custom event, but if you could give me a sample, i would really appreciate it.

6

Sure, it’s from the same page as before jQuery.live() custom event example

7

ok, now im able to make use of custom events. i create a custom event which live will listen to, or sort of. then i make use of trigger to call it. now my question is, what is the advantage of using live+custom event+trigger against just using a function and calling it just like trigger? for chaining? i was thinking earlier while coding, why should i put it in a custom event, when i could simple create a function and call it?

8

Because it provides a controlled environment that can be more easily controlled and maintained than by having a random function floating around. And it can be chained :slight_smile:

9

If it can be chained, then its important! thanks man, im able to move on on my project now. appreciate it :smiley: