PHP Variables Inside of jQuery Tabs
Hello again. This is a followup to this post, in which a page viewed
in a jQuery tab fails to execute jQuery code:
http://groups.google.com/group/jquery-ui/browse_thread/thread/13afd8c63115a92c
The good news is, jQuery inside of tabs works great now, thanks to the
LiveQuery plugin.
The bad news is, <div>s that use slideToggle break PHP libraries in
CodeIgniter (http://www.codeigniter.com). I apologise in advance for
bringing PHP into a jQuery forum, but it's more appropriate here than
anywhere else. I sense it's a jQuery quirk, not PHP.
Some background: I have a <div> opened by slideToggle. Inside the
<div> is content generated by PHP:
<div class="myPane" id="myPane_<?= $c -> public_id ?>">
<?= $myTable ?>
</div>
...where $myTable is generated in a code-behind of sorts and $c is
content pulled from a database. The code-behind is a separate PHP
file. The jQuery code to turn it into slideToggle() and the LiveQuery
code to rebind it:
<script type="text/javascript">
$(document).ready(function(){
$("#tabsBox > ul").tabs();
$('.myPullDown').livequery('click', function()
{
var confID = this.id.match(/\d+$/);
$("#myPane_" + confID).slideToggle("slow");
$.getScript('<?= base_url() ?>javascript/my_pane.js');
return false;
});
});
</script>
When this page is viewed directly, everything works. When this is
viewed as a jQuery tab, slideToggle() still works, $c -> public_id
prints, but $myTable appears as an undefined variable. What about
slideToggle() and jQuery tabs is making PHP variables impossible to
read?
Thanks again.