Jquery mobile 显示第二个“；第页“；ajax获取的html文档

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

然后是“fruits.html”，它有两个jquery页面，id分别为“redFruits”、“yellowFruits”

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

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

“index.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>

fruits.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>

。。。。
....


苹果1
苹果2
苹果3


.....
.....


柠檬
木瓜
黄色无花果


.....

您可以使用插件将数据发送到第二个页面，在这种情况下，将显示页面的

#id

。

---

在

page2

的

pagebeforeshow

中，您可以检查传递的参数，并相应地

changePage（）

。

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

<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>

---

对不起，请将

rel=“external”

添加到锚定标记。另外，您在

数据role=“content”

中使用了一个

标记，这在技术上看起来是正确的，但有点不合常规。考虑使用<代码> <代码>。同样的问题，但是，我尝试用嫦娥网页程序来改变页面，而不是在锚标签中给出URL，但是它不工作。code>$（“#redFruitsBtn”）。单击（function（）{$.mobile.changePage（“fruitsList.html#redFruits”，{transition:“fade”}）}）将其登录到

fruitsList.html

的“第一页”。这是黄色水果清单。