Live Query Plugin: Solution of your problems in jQuery

ZeeShaN    JQuery, Web Development     JQuery

Some one asked me about the solution of binding events to dynamically generated elements. And one name came in my mind that is LiveQuery. If you have used jQuery very well and worked on some dynamic created content using jQuery Ajax, then you must faced links binding problem to these new elements.

For example:

If you are performing some delete action on click of any element using its ID.

$('a#someID').click(function(){
// your code
});
// or something like
$('a#someID').mouseenter(function(){
// your code
});
// or something like
$('a#someID').focus(function(){
// your code
});

And if there are some dynamically generated links that also hold id “someID” then they won’t work. To get the solution of this problem, Brandon Aaron (jQuery team member) developed a plugin called LiveQuery plugin which binds the events to these dynamically generated elements.
Now if you have some dynamically generated elements. Use your event like this:

$('a#someID').livequery('click', function(e) {
// your code
});
// or something like
$('a#someID').livequery('mouseenter', function(e) {
// your code
});
// or something like
$('a#someID').livequery('focus', function(e) {
// your code
});

I have used this plugin in my zGrid development