Question

我正在制作一款应用。我想将用户重定向到下一页，但主要是按下按钮，您将被带到下一组细节。它应该仍然保留在相同的html链接上。但是，当我按下按钮时，似乎没有任何工作。

<div data-role="page" id="mainpage">
    <h1>
        <b>Converter App</b>
    </h1>
</div>
<div class="app">
    <a href="#convertingpage" class="ui-btn">Convert</a>
    <div data-role="page" id="convertingpage">
        <p> stuff on my second page</p>
    </div>
</div>

如果这听起来相当复杂或难以理解，我很抱歉。

Answer 1

假设conversionpage是一个HTML页面，它位于Main页面的相同位置。（如果与hmtl不同，则相应地更改html后缀）

指定href =＆＃34; #foldingpage＆＃34;它意味着在同一页上查找ID为转换页的元素。

如果您想重定向到其他页面使用：

 <a href="convertingpage.html" class="ui-btn">Convert</a>

Answer 2

如果你想留在同一个html页面上，但被重定向到页面的不同部分，就像你在你的例子中试图做的那样，你想要使用一个锚。

在您的示例中，

<div data-role="page" id="convertingpage">
    <p> stuff on my second page</p>
</div>

您尝试使用div的ID执行此操作，但要创建锚点，您需要使用<a>标记。

以下是我将如何做到这一点，尽量保持与您的网页类似。

<div data-role="page" id="mainpage">
    <h1>
        <b>Converter App</b>
    </h1>
</div>
<div class="app">
    <a href="#convertingpage" class="ui-btn">Convert</a>
    <div data-role="page">
    <a id="convertingpage"></a>
        <p> stuff on my second page</p>
    </div>
</div>

请注意链接重定向到的<a id="convertingpage"></a>锚点。另外，我从第二页div中删除了id属性，因此如果您需要它来进行样式设置，则应该替换它。

按钮没有将我重定向到下一个“页面”

2 个答案: