javascript - jquery mobile 链接点击两次页面消失

Question

我遇到的问题是，当我单击导航链接时，它会按应有的方式显示页面。但是，如果我再次单击该链接，它会丢失所有内容。

有人知道我如何解决这个问题吗？

我使用 jquery.mobile-1.0b2.min.js

    <div id="nav">
  <ul>
    <li class="red btn"><a class="tildig" href="#tildig" data-transition="fade" >
      <p>TIL DIG</p>
      </a></li>
    <li class="blue btn"><a class="kontakt" href="#kontakt"data-transition="fade" >
      <p>KONTAKT / BOOKM&Oslash;DE</p>
      </a></li>
  </ul>
</div>

<!-- Start of page -->

<div data-role="page" id="tildig">
  <div data-role="header" data-nobackbtn="true"> </div>
  <div data-role="content">
    <p>Dette er siden TIL DIG<br>
      Jeg er nummer 3</p>
  </div>
  <div data-role="footer"> </div>
</div>

<!-- End of page -->

<!-- Start of page -->

<div data-role="page" id="kontakt">
  <div data-role="header" data-nobackbtn="true"> </div>
  <div data-role="content">
    <p>Dette er siden KONTAKT / BOOKM&Oslash;DE</p>
  </div>
  <div data-role="footer"> </div>
</div>

<!-- End of page -->

Java

http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js

http://code.jquery.com/jquery-1.4.4.min.js

Answer 1

我想我知道你的问题是什么 - 至少我有一些非常相似的东西，其中 ListView 不断消失 - 与 jqm 缓存有关。

<div data-role="page" id="book_index" data-dom-cache="true">

此属性使页面重新出现，希望对您有所帮助