Live Query Plugin: Solution of your problems in 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.
|
1 2 3 4 5 6 7 8 9 10 11 |
$('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:
|
1 2 3 4 5 6 7 8 9 10 11 |
$('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
jQuery Tutorial: Create jQuery and CSS based Awesome navigation.
[ad#co-4]
If you have less space on site home page and you need a simple but awesome jquery based navigation then you came in right place. I got this idea from learning jquery and stylized my navigation using CSS.
jQuery Tutorial: Create a simple jQuery Based Type n Play Game.
[ad#co-4]
Learn how to create a simple dropping boxes game with jQuery, Ajax and PHP. You will type the dropping alphabetic character to get a point.
Ajax Tutorial: How to Create Ajax Search Using PHP jQuery and MYSQL
[ad#co-4]
This tutorial shows how to create simple and attractive Ajax based search using PHP, jQuery, MySQL and Ajax.
Ajax Pagination: Fresh Ajax pagination using PHP jQuery and mySQL. Part 3
[ad#co-4]
Today i am going to build a simple ajax based pagination system with overlay loader to put some attractive look. Demo and code available.
Ajax Voting System: Create Ajax Rating/Voting system in Dzone and Digg Style. Part 2
[ad#co-4]
In my previous tutorial i explain how to create simple ajax rating using Ajax, PHP and CSS3. In this part i am going to create Digg.com and Dzone.com voting style.
Author of 99Points
Zeeshan Rasool is an experienced PHP Web Developer and founder at 99Points.
Expert in Codeigniter (MVC), WordPress, JSON, jQuery & HTML5
