JQTOUCH, привязка к ссылкам, полученным через AJAX, чтобы сделать еще один вызов AJAX? Возможный? - PullRequest
1 голос
/ 09 апреля 2010

Я использую 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){

});

Спасибо!

1 Ответ

2 голосов
/ 09 апреля 2010

Поместите это где-нибудь за пределами вашей первой функции связывания

$("span[class=Title]").delegate("a", "click", function(){
    alert('LOLCAT');
});
...