加载AJAX页面时，jQTouch执行代码

Question

When the content is static:

<a href="#nearme">Click</a>
<script>$('#nearme').bind('pageAnimationEnd', function(event, info){});</script>

When the content is AJAX:

<a href="page.html">Click</a>

How do I bind something to occur after the AJAX (page.html) is loaded?

Answer 1

这个问题与jqtouch有关，它从常规锚标记发出AJAX请求

Answer 2

Take a look at the demo , in particular the "GET Example" under AJAX section. Essentially, you want to have the anchor element to link to a page which returns a "jQTouch page", ie <div id="pageID">...</div> .

So, in your case, you may have this anchor:

<a href="page.html" class="slide">Click</a>

And the page.html may be something like:

<div id="ajaxPage">
  <div class="toolbar"><h1>Title</h1></div>
  <div>
    <ul>
      <li>item 1</li>
      <li>item 1</li>
    </ul>
  </div>
</div>