0

我有一个名为 index.html 的第一页，其中有两个链接“红色水果”和“黄色水果”。

然后我有“fruits.html”，它有两个 id 为“redFruits”、“yellowFruits”的 jquery 页面。

当有人点击 index.html 上的“黄色水果”链接时，我需要显示 fruits.html 的第二个“页面”。默认情况下，jquery mobile 显示“fruits.html”的第一页。

关于如何链接到 ajax 获取文档的随机页面的任何想法。

“索引.html” 

<div data-role="content">
        <a href="fruitsList.html" data-role="button">List of red fruits</a>
        <a href="fruitsList.html" data-role="button">List of yellow fruits</a>
    </div>

水果.html

....
<div data-role="page" id="redFruits">
....
       <p data-role="content">
        <ul>
            <li>apple 1</li>
            <li>apple 2</li>
            <li>apple 3</li>
        </ul>
    </p>
.....
</div>
<div data-role="page" id="yellowFruits">
    .....
    <p data-role="content">
        <ul>
            <li>lemon</li>
            <li>papaya</li>
            <li>yellow fig</li>
        </ul>
    </p>
         .....
</div>
4

2 回答 2

1

您可以通过哈希标签引用多页文档中的子页面：

<a href="fruitsList.html#redFruits" rel="external" data-role="button">List of red fruits</a>
<a href="fruitsList.html#yellowFruits" rel="external" data-role="button">List of yellow fruits</a>
于 2012-12-17T05:23:16.850 回答
0

您可以使用pageparams插件将数据发送到第二个页面 - 在这种情况下是#id要显示的页面。在您可以检查传递的参数并pagebeforeshow相应地检查。page2changePage()

于 2012-12-17T05:14:24.967 回答