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>

将图像链接到下一页jquery mobile

1 个答案: