0

嗨，我对 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 -->
4

2 回答 2

1

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

data-ajax="false"

这基本上告诉框架不要使用 ajax，它会提示浏览器按照最初的意图处理“#aboutme”锚点——识别要显示的页面的一部分。

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

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

于 2013-12-20T11:19:33.270 回答
1

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

阅读JQueryMobile 文档中的多页文档中的链接部分。

于 2012-11-04T17:19:52.077 回答