Greetings. I am trying to get the hoverTable jquery plugin to work correctly.
I have a table that I am creating dynamically after an AJAX call. For some reason it gets created, but does not have the hoverTable plugin loaded correctly.
My guess is that during the initial setup, the results_table has not been created yet until after the user does some form interaction and the AJAX call is made.
Here is my set up.
$(document).ready(function(){
$(’#results_table’).tableHover();
}
Any ideas? I’m a little new to Jquery so forgive me if I’m missing the obvious. Your examples are great and I could really find this plugin useful.
Thanks again!
Wes
Wes, your’e absolutely right. If there is no table from the initial load or if there aren’t any rows in it, calling the tableHover function won’t work in $(document).ready().
Just call it after the table got created or filled with items (in the success callback function from your ajax call).
a little example:
$.get(”mytable.php”, function(data){
//create or fill your table with the returned data
//at the end: call tableHover
$(’#results_table’).tableHover();
});
Wes Gurney
September 27th, 2007 at 4:07 pm
Greetings. I am trying to get the hoverTable jquery plugin to work correctly.
I have a table that I am creating dynamically after an AJAX call. For some reason it gets created, but does not have the hoverTable plugin loaded correctly.
My guess is that during the initial setup, the results_table has not been created yet until after the user does some form interaction and the AJAX call is made.
Here is my set up.
$(document).ready(function(){
$(’#results_table’).tableHover();
}
Any ideas? I’m a little new to Jquery so forgive me if I’m missing the obvious. Your examples are great and I could really find this plugin useful.
Thanks again!
Wes
rw
September 27th, 2007 at 7:54 pm
Wes, your’e absolutely right. If there is no table from the initial load or if there aren’t any rows in it, calling the tableHover function won’t work in $(document).ready().
Just call it after the table got created or filled with items (in the success callback function from your ajax call).
a little example:
$.get(”mytable.php”, function(data){
//create or fill your table with the returned data
//at the end: call tableHover
$(’#results_table’).tableHover();
});