jquery - 使图像链接到下一页jquery mobile

Question

我正在开发我的第一个 jquery 移动应用程序。所以..我使用数据角色将每个页面放在一个 HTML 文件中。现在，我的问题是将图像链接到下一页。当我添加一个标准按钮时，它将链接到我使用#somepage 引用的页面。但现在我添加了一个图像，我希望当有人单击该图像时该图像链接到下一页。有人可以告诉我为什么它不起作用吗？

<div data-role="page id="home">
    <div data-role="header" id="header" data-position="fixed">
    </div>

    <div data-role="content" id="content">


    <a href="#calculator" > <img src="images/taximeter.png" id="taximeter"> </a>


    </div>



   <div data-role="footer" data-position-"fixed">


       <div data-role="navbar">
    <ul>
        <li><a href="#home" class="ui-bar-a"> Home </a></li>
            <li><a href="#instellingen" class="ui-bar-a"> Instellingen </a></li>
            <li><a href="#contact" class="ui-bar-a"> Contact </a></li>
            </ul>
       </div>
</div>

<!---Calculator page -->

<div data-role="page" id="calculator">
     <div data-role="header" >
        <h1> Calculator</h1>
     </div>

     <div data-role="content">
     </div>

     <div data-role="footer">
     </div>
</div>

Answer 1

当你想加载另一个页面时，你必须在 href 中指定文件名 #即

<a href="calculator.html">link</a>

如果您的页面位于同一个 html 文件中，则可以使用 href=#calculator

<div data-role=page id=current_page>
<a href="#calculator">link</a>
</div>

<div data-role=page id=calculator>
//page content
</div>