Я использую JQTOUCH, используя пример AJAX, представленный в демке:
$('#customers').bind('pageAnimationEnd', function(e, info){
if (!$(this).data('loaded')) { // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)
$('.loadingscreen').css({'display':'block'});
$(this).append($('<div> </div>'). // Append a placeholder in case the remote HTML takes its sweet time making it back
load('/mobile/ajax/customers/ .info', function() { // Overwrite the "Loading" placeholder text with the remote HTML
$(this).parent().data('loaded', true); // Set the 'loaded' var to true so we know not to re-load the HTML next time the #callback div animation ends
$('.loadingscreen').css({'display':'none'});
}));
}
});
Затем возвращается хороший UL, который выводит просто отлично.
<ul class="edgetoedge">
<li class="viewaction" id="715">
<span class="Title"><a href="/c-view/715/">Lorem Ipsum is simply dummy text of the...</a></span>
<div class="meta">
<span class="dateAdded"> 1d ago </span>
</div>
</li>
</ul>
Это то место, где я застреваю. Как я могу сделать так, чтобы при нажатии на ссылку выше, он загружал URL, завернутый рядом с class = "Title"?
Я бы хотел загрузить JQTouch, как в первом примере кода.
Я безуспешно пробовал следующие две вещи:
$('.viewaction').bind('click', function() {
alert('wow');
});
$('.viewaction').live('pageAnimationEnd', function(e, info){
});
Спасибо!