I have a question regarding the working of jQuery bind. Whenever we use the bind method on any element and write some callback code, does that complete code get executed on the bind event "each time" OR does jQuery only remember the output/result of that code and executes only that result..
Also can we generate another event inside the callback code?
Like how does it work exactly.
Every time an event is triggered, all functions bound to the event on the specified target get executed. Return values for those callback functions are used to determine if the event should continue to propagate.
There are a few significant differences between a function invoked as part of a script and an event callback:
this refers to the bound element that the event was assigned to)i may have their final value by the time the callback is called)As callbacks are just functions, they can do anything that any other function can do, including calling trigger. Do be careful not to cause yourself an infinite loop with recursive function calls to the same event.
You wouldn't want to call:
function foo()
{
foo();
}
Likewise, you wouldn't want to call:
$('#foo').click(function(){
//short form for .trigger('click')
$(this).click();
});
the callback function is evaluated from scratch on every event here:
http://jsfiddle.net/turaaa/wxBF4/
you can see that each click generates a different result.
and yes you can easily generate another event inside the callback
You can easily generate another event with .trigger().
Edit: After reading and rereading your first question. I believe the answer you're looking for is that bind() is executed each time. However, in a situation where the callback code changes the DOM it is possible for an element to be added where an event on that element wont't be bound.
Consider code that adds a button <input id="mybutton" type="button".... If you use $("#mybutton").bind("click") in all your code this new element will not have any events bound. In order to get a "click" to do something, you'd either have to bind it AFTER it's been added to the DOM or you'd have to use .live() or .delegate() instead of .bind().
