Okay, the answer is probably obvious to you that are old hands at
jQuery, but I'm not seeing it. I finally figured out that if I load
new content via AJAX:
$(document).ready(function(e){
...
exp_iphone_get_sales();
});
function exp_iphone_get_sales() {
...
$('#transactions').hide().load(url).fadeIn();
}
I also need to rebind the click/tap (I'm using jQTouch) events to the
new content:
function exp_iphone_get_sales() {
...
$('#transactions').hide().load(url).fadeIn();
$('#transactions ul li a').bind('click tap',
exp_iphone_get_trans);
}
Unfortunately, clicking on one of the transactions:
<div id="transactions">
<ul class="rounded">
<li class="arrow"><a href="#transaction"
id="7U735587N3003591E" class="slide">...</a></li>
...
</ul>
</div>
doesn't execute exp_iphone_get_trans(). And, oddly, when the page
loads, exp_iphone_get_trans() *is* executed -- no click or tap needed.
Using jQ 1.3.2; I also tried
$('#transactions ul li a').live('click tap',
exp_iphone_get_trans());
to no avail. Any suggestions?