Question

我想将内容添加到ui-grid。这是一些json数据，有时没有可用的数据。因此，我需要if子句：

if (typeof results.xyz[0] !== "undefined") {
$("#testing").append('<div class="ui-block-a" id="springboard2"><div class="springboardIcon"><a onclick="changeActorInfo('+results.xyz[0].id+')" href="#"><img src="http://www..."><span id="springboardLabelActors">'+results.xyz[0].name+'</span></a></div></div>');
            } else {}

2个问题：

1）每次加载数据时都会添加内容。但之前添加的内容应该会消失。

2）else {}子句目前为空。如果没有可用的json数据，则不应添加任何内容。

我该如何管理？提前谢谢!!

Answer 1

.append()方法会将内容添加到容器中。如果您要替换现有内容，可以改用.html()。

不需要else子句，单独的if条件就足够了。如果您没有数据，则不会在页面中插入任何内容。

以下是您修改后的代码：

if (typeof results.xyz[0] !== "undefined") {
    $("#testing").html('<div class="ui-block-a" id="springboard2"><div class="springboardIcon"><a onclick="changeActorInfo('+results.xyz[0].id+')" href="#"><img src="http://www..."><span id="springboardLabelActors">'+results.xyz[0].name+'</span></a></div></div>');
}

jQuery Mobile：向ui-grid添加动态内容并删除它

1 个答案: