Question

我希望在一个页面中有三个移动页面，其上有三个按钮链接。它使我的移动网站看起来更干净。这是我的代码：

<?php include("config.php"); ?>
<?php include("head.php"); ?>


<!-- Start of Index -->
<div data-role="page" id="Index"  data-theme="a">

    <div data-role="header">
        <h1><?php echo $businessname; ?> Contact Index</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <div data-role="controlgroup">
<a href="#yes" data-role="button">Yes</a>
<a href="#no" data-role="button">No</a>
<a href="#maybe" data-role="button">Maybe</a>
</div>

    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /header -->
</div><!-- /page -->


<!-- Start of Yes -->
<div data-role="page" id="yes"  data-theme="a">

    <div data-role="header">
        <h1>Bar</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>I'm first in the source order so I'm shown as the page.</p>      
        <p><a href="#email">Back to foo</a></p> 
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /header -->



<!-- Start of No-->
<div data-role="page" id="no"  data-theme="a">

    <div data-role="header">
        <h1>Bar</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>I'm first in the source order so I'm shown as the page.</p>      
        <p><a href="#foo">Back to foo</a></p>   
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /header -->



    <!-- Start of Maybe -->
<div data-role="page" id="maybe"  data-theme="a">

    <div data-role="header">
        <h1>Bar</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>I'm first in the source order so I'm shown as the page.</p>      
        <p><a href="#foo">Back to foo</a></p>   
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /header -->





</div><!-- /page -->

现在只有按钮一个链接到页面，其余的没有。我已经进行了广泛的搜索，根据我的理解，您需要使用#yes #no #maybe链接到您的内部网页...我在这里缺少什么？

Answer 1

我认为您的问题是，您需要#yes #no等作为您网页上的标记<a name="no"></a>您拥有<div id="no">

您还有一些未公开的<div>代码

Answer 2

您尚未关闭页面divs以获取“是”和“否”。

href="#foo"和href="#email"不存在。你想回到索引页吗？如果是这样，只需将#foo和#email替换为此

即可

<a href="#" data-rel="back">Back to foo</a>

我做了这些修补，然后你的代码工作正常

链接单个页面上的多个按钮

2 个答案: