微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery Mobile无法使后退按钮消失

如何解决jQuery Mobile无法使后退按钮消失

| 我在jquery mobile中有一个标头。标头包含一个选择框,每当我将其放入其中时,似乎都无法使后退按钮消失。即:
<div data-backbtn=\"false\" data-role=\"header\" data-theme=\"b\">
    <div>
    <h1>Test Project</h1>
    <span>Title</span>
    <span style=\"float:right\">
        <select>
            <option selected=\"selected\">Rachel Green</option>
            <option>Chandler Bing</option>
            <option>Monica Gellar</option>
            <option>Ross Gellar</option>
            <option>Joey Tribiani</option>
        </select>
    </span>
    </div>
</div><!-- /header -->
如果我退出选择,则后退按钮消失。对于如何解决这个问题,有任何的建议吗?     

解决方法

        嗯,对我来说很好。 实时链接:http://jsfiddle.net/vrx7X/3/ 的HTML
<div data-role=\"page\" data-theme=\"b\" id=\"home\"> 
    <div data-backbtn=\"false\" data-role=\"header\" data-theme=\"b\">
        <div>
        <h1>Test Project</h1>
        <span>Title</span>
        <span style=\"float:right\">
            <select>
                <option selected=\"selected\">Rachel Green</option>
                <option>Chandler Bing</option>
                <option>Monica Gellar</option>
                <option>Ross Gellar</option>
                <option>Joey Tribiani</option>
            </select>
        </span>
        </div>
    </div>
    <div data-role=\"content\"> 
        <ul data-role=\"listview\" data-inset=\"true\" data-theme=\"c\" data-dividertheme=\"b\"> 
            <li data-role=\"list-divider\">Home Page</li> 
            <li><a href=\"#next\">Next Page</a></li> 
        </ul>
    </div>
</div>

<div data-role=\"page\" data-theme=\"b\" id=\"next\"> 
    <div data-backbtn=\"false\" data-role=\"header\" data-theme=\"b\">
        <div>
        <h1>Test Project</h1>
        <span>Title</span>
        <span style=\"float:right\">
            <select>
                <option selected=\"selected\">Rachel Green</option>
                <option>Chandler Bing</option>
                <option>Monica Gellar</option>
                <option>Ross Gellar</option>
                <option>Joey Tribiani</option>
            </select>
        </span>
        </div>
    </div>
    <div data-role=\"content\"> 
        <ul data-role=\"listview\" data-inset=\"true\" data-theme=\"c\" data-dividertheme=\"b\"> 
            <li data-role=\"list-divider\">Next Page</li> 
            <li><a href=\"#home\">Home Page</a></li> 
        </ul>
    </div>
</div>
    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。