Question

在JQuery Mobile中，我有一个如下导航栏：

<div id="nav_bar" data-role="navbar">
    <ul>
        <li><a>video</a></li>
        <li><a>music</a></li>
        <li><a>picture</a></li>
    </ul>
</div>

现在说我希望导航栏只显示“某些内容”。这是我的代码：

$("#nav_bar ul").html("<li><a>some content</a></li>");

但内置的JQuery Mobile样式并未应用于它。我怎么能这样做？

提前致谢。

Answer 1

打开页面时，会运行一个脚本来添加所有必需的类。替换项目不会重新运行脚本。

我不认为你可以通过在文本中指定类/使用变量或以下内容手动添加类来实现此目的：

$("#nav_bar ul").html('<li><a>some content</a></li>').children('li').addClass('class-one class-two');

Answer 2

$("#nav_bar ul").html("<li><a>some content</a></li>");

.html（）方法销毁ul元素及其内容然后添加新内容。

你应该改用.append（）。

$("#nav_bar ul").append("<li><a>some content</a></li>");

如果您确实想要替换原始内容。

定位div并使用.html（）方法

$("#nav_bar").html("<ul><li><a>some content</a></li></ul>");

JQuery Mobile将样式应用于新添加的元素

2 个答案: