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>