Question

嗨我是jQuery的新手，我正在制作一个jQuery移动网站

我使用data-role来定义每个div的角色。我有我的导航栏，我想链接到位于“主要内容”div下方的div。在我的主站点上，我可以完美地导航到下面的div。然而，当我尝试导航到主站点下面的div时，我没有在哪里。超链接似乎不起作用。

在使用jQuery mobile时，是否有不同的方法链接到同一页面下面的div，因为我知道它可以在我的普通网站上运行？

提前感谢任何输入。

这是我的代码：

<div id="header" data-role="header" data-theme="c">
    <div data-role="navbar" data-theme="c" > <!--Start Nav Div -->
        <ul>
        <li><a data-icon="home" data-rel="dialog"  href="indexmobile.php">Home</a></li>
        <li><a  data-icon="arrow-d" data-rel="dialog" href="#aboutme">About</a></li>
        <li><a  data-icon="grid" data-rel="dialog" href="#portfolio">Portfolio</a></li>
        <li><a data-icon="gear" data-rel="dialog" href="#contactform">Contact</a></li>
        </ul>
        </div> <!-- End Nav Div -->
    </div> <!-- End Header Div -->

    <div id="maincontent" data-role="content"> <!-- Main Content Div -->
    </div> <!-- End Main Content -->
     <div id="portfolio"> <!-- Start Portfolio Div -->

            </div> <!--- End Portfolio Div -->

        <div id="aboutme"> <!--- About Me Div Start -->

        </div> <!--- End About Me Div -->

Answer 1

您的每个<div>应该是不同的data-role="page"。

阅读JQueryMobile文档中的Linking within a multi-page document部分。

Answer 2

要实现这种锚链接到您需要的div，只需将其添加到您的链接：

data-ajax="false"

这基本上告诉框架不要使用ajax，它会提示浏览器按原来的意图处理'#aboutme'锚点 - 以识别要显示的页面的一部分。

使用这种技术，您仍然可以在同一页面上拥有大量可滚动内容，并且仍然可以通过导航栏或页脚或者您拥有的内容链接到它。

接受的答案并不是真正解决您的问题 - 它告诉您改为创建一个多页文档，从而绕过问题，因为您不会拥有您可能首先需要的可滚动内容。

jQuery Mobile一个href没有导航到div

2 个答案: