Блог

Я использую jQTouch для создания простой корзины покупок, те, кто не знаком с jQTouch, должны знать, что «страницы» состоят из разделов, использующих идентификатор DIV в качестве идентификатора фрагмента на индексной странице. Итак, у вас есть одна большая страница, заполненная разделами, которые составляют вложенные страницы …… в любом случае. У моей корзины покупок есть собственный идентификатор.

  <div id="checkout">
 <div class="toolbar">
 <h1>Checkout</h1>
 <a href="#" class="back">Back</a>
 </div>
 <ul id="trolley" class="rounded"><li>Cart Empty</li></ul>
 </div>
  

Как только пользователь завершает оформление заказа, он может перейти к «оформлению заказа», которое запускает это довольно уродливое решение.

  case "trolley":
 $('#checkout').bind('pageAnimationEnd', function(e, info){
 $("#trolley").html(stripslashes(data.contents))
 });
 break;
  

Что я пытаюсь здесь сделать, так это получить результат json из запроса post (data.contents) и сбросить его в мою тележку после завершения анимации.

Это работает без проблем в Chrome на рабочем столе, но при касании всегда отображается «корзина пуста». Я пытался загрузить div при запуске анимации, я пытался загрузить div перед анимацией, но безрезультатно. Если я оставлю корзину и вернусь снова, она будет работать правильно.

Я должен упомянуть, как я вызываю корзину.

     <a class="button" id="cart" href="#checkout" onclick="cart('0','trolley')" >$0.00</a>
  

это просто сообщает скрипту, что добавлять нечего, кроме как возвращать содержимое корзины.

Есть предложения?

В итоге я удалил ссылку href с кнопки оформления заказа и использовал следующую после обновления DIV.

    jQT.goTo('#checkout', 'slideup');