[jQuery] Applying Table Row Sorter to Multiple Tables
<div><div>I'm using jQuery's tablesorter.js to create tables with sortable rows, as applied to tables with the ID "myTable."</div><div></div><div>I just wondered if there's a way to make it work with multiple tables on a single page. I created two tables and gave each of them the ID myTable, but only the first table worked. I can't remember if the specific ID is required for my Zebra widget (alternate row colors), too, or not, but I would guess it is.</div>
<div></div><div>I posted my JS links below, to show you my setup. Thanks for any tips.</div><div></div><div>* * * * *</div><div></div><div><script src="<a href="http://MySite/js/jquery-1.3.1.min.js">http://MySite/js/jquery-1.3.1.min.js</a>" type="text/javascript"></script>
<script src="<a href="http://MySite/js/tablesorter/jquery.tablesorter.js">http://MySite/js/tablesorter/jquery.tablesorter.js</a>" type="text/javascript"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function()
{
$("#myTable").tablesorter({ widgets: ['zebra']} );
$("#triggerMS").click(function(){
$("#menuMS").show();
return false;
});
$("#menuMS").click( function(){
$("#menuMS").hide();
return true;
});
$("#triggerReg").click(function(){
$("#menuReg").show();
return false;
});
$("#menuReg").click( function(){
$("#menuReg").hide();
return true;
});
$("#triggerKids").click(function(){
$("#menuKids").show();
return false;
});
$("#menuKids").click( function(){
$("#menuKids").hide();
return true;
});
$("#triggerLinks").click(function(){
$("#menuLinks").show();
return false;
});
$("#menuLinks").click( function(){
$("#menuLinks").hide();
return true;
});
$("#triggerBooks").click(function(){
$("#menuBooks").show();
return false;
});
$("#menuBooks").click( function(){
$("#menuBooks").hide();
return true;
});
}
);
</script>
</div><div>
</div><div>--
</div><div>David Blomstrom
Writer & Web Designer (Mac, M$ & Linux)
<a href="http://www.geobop.org">www.geobop.org</a></div>
<br clear="all"></div><div>
</div><div>--
</div><div>David Blomstrom
Writer & Web Designer (Mac, M$ & Linux)
<a href="http://www.geobop.org">www.geobop.org</a>
</div>