Связывание нескольких кнопок на одной странице

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

Вы не закрыли страницу divs для "да" и "нет".

href="#foo" и href="#email" отсутствуют. Вы хотите вернуться на страницу индекса? Если это так, просто замените #foo и #email на

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

Я сделал эти исправления, и тогда ваш код работает нормально

Answer 2

Я думаю, что ваша проблема в том, что вам нужно, чтобы #yes #no и т. Д. Были тегами на вашей странице <a name="no"></a> у вас есть <div id="no">

Также у вас есть некоторые нераскрытые <div> теги