Question

我正在使用cordova和jquery mobile开发移动应用程序。在我的html页面中，我有一个导航栏。我正在尝试更改导航栏的内容，主要是ui按钮，具体取决于各种情况。例如，当点击按钮时，导航栏应该有A和B按钮，或者当导航到不同的页面时，导航栏应该有C，D和E按钮。我尝试了以下代码段：

我的导航栏：

<div id="navigation" data-role="navbar">
   <div id="bar"> <ul>
        <li>a data-icon="gear" data-theme="a" class="ui-btn" onClick="navSettings();"><h5>Settings</h5></a></li>
    </ul></div>
</div>

试验1：

function onSomeEventA(){
    $("#navigation").attr("data-role","navbar");
            $("#bar").replaceWith('<li><a data-icon="check" data-theme="a" class="ui-btn" onClick="saveSettings();"><h4>Save</h4></a></li><li><a data-icon="delete" data-theme="a" class="ui-btn" onClick="cancel();"><h4>Cancel</h4></a></li>');
}

试验2：

function onSomeEventB(){
    $("#navigation").empty();
    //Add new list
}

在这两种情况下，我只是得到一个普通的列表而不是导航栏。有什么办法可以实现吗？

动态更改jQuery Mobile导航栏内容

0 个答案: