Question

我有一个使用Jquery移动框架编写的简单网页集合。页面列表如下：

main.html中。此页面包含指向另一个名为dummy.html的页面的链接。

dummy.html如下：

<div data-role="page" data-theme="b">
  <div data-role="header">
      <h1>HOD</h1>
   </div>

           <ul data-role="listview">
             <li><a href="#glug">Welcome to GLUG MEET</a></li>
             <li><a href="#">New trends in CS</a></li>
             <li><a href="#">About Me</a></li>
            </ul> 

 </div>


<div id="glug" data-role="page" data-theme="b">
    <div data-role="header">
        <h1>GLUG</h1>
     </div>
      <div>
        <div class="lcontainer">
            <img src="glug.png">
              <div>
               <a href="#" data-rel="back" data-role="button"
                data-inline=true data-direction="reverse">Back</a>
              </div>
            </div>             
            <div class="productData">
                All of you DO attend glug meet today
                <div><b>At 04:00 PM</b></div>                
            </div>
        </div>
    </div>

假如我打开dummy.html并点击Welcome to GLUG MEET，id glug页面会毫不费力地打开。但是，如果我从main.html导航到dummy.html然后点击Welcome to GLUG MEET，则id glug的页面会拒绝打开。我必须刷新dummy.html以使用id glug打开页面。

为什么会这样。我尝试从Apache Web服务器和Aptana工作室运行它。按ctrl + f11但没有任何作用。

我该怎么办？

Answer 1

它工作得很好。你有没有实现任何JavaScript功能？

我在我的机器上试过，它没有任何模糊处理。

以下是 Live fiddle

的示例

如果你有任何JS函数，请确保将它们包装在

中

$(document).on('pagecreate', '#yourPageID', function(){
 // your code goes here
});

Jquery：在从其他页面导航时，向文档功能添加页面的行为很奇怪

1 个答案: