Javascript jQuery Mobile：更新导航栏时可以选择.trigger（'；create'；）或.page（）？

我有以下jQuery移动HTML代码，导航栏的内容是使用javascript设置的。jQuery mobile在静态设置导航栏时会设置导航栏的样式，但是当您稍后使用javascript设置导航栏的内容（html）时，您必须做一些额外的工作才能使其正常工作：

---

有什么办法解决这个问题吗？我试过

page（）

和

.listview（'refresh'）

没有结果。

在添加列表项后，尝试调用

navbar

方法：

$(function(){
    $("#menu").html("<li><a href='#'>Test Styling</a></li>");
    $("#navbar").navbar(); 
});

$（函数（）{
$（“#菜单”）.html（“
”）；
$（“#navbar”）.navbar（）；
});

编辑： 您还可以尝试动态创建导航栏：

var footer = $("#footer-id");

var navBar = $("div", {
    "data-role":"navbar",
    "html":"<ul><li><a href='#'>Test Styling</a></li></ul>"
}).appendTo(footer).navbar();   

var footer=$（“#footer id”）；
var navBar=$（“div”{
“数据角色”：“导航栏”，
“html”：“
”
}).appendTo（footer.navbar（）；

我将在明天早上再次尝试此操作，但现在似乎出现了一个错误：

在执行
$（“#navbar”）.navbar（“刷新”）时，没有针对navbar小部件的此类“刷新”方法和
$（“#navbar”）.navbar（）似乎没有效果。谢谢，它确实有效。执行JavaScript的具体时间非常重要！加载DOM后必须运行它显然..嗨，你还需要做什么？这对我来说不起作用，它不会加载以动态方式创建的
元素的类。
$(function(){
    $("#menu").html("<li><a href='#'>Test Styling</a></li>");
    $("#navbar").navbar(); 
});

var footer = $("#footer-id");

var navBar = $("div", {
    "data-role":"navbar",
    "html":"<ul><li><a href='#'>Test Styling</a></li></ul>"
}).appendTo(footer).navbar();