在 this例如,我使用 ajax 从 reddit 加载 JSON 数据。由于响应来自服务器,我将其附加到带有 .text
类的 div 中。
<button type="button" class="btn">Click me!</button>
<div class="text">Replace me!!</div>
$(".btn").click(function () {
$.ajax({
url: "http://www.reddit.com/r/aww/search.json?q=puppy&restrict_sr=true",
method: "GET",
success: function (result) {
$(".text").text("");
for (var i = 0; i < result.data.children.length; i++) {
$(".text").append('<img src="' + result.data.children[i].data.thumbnail + '"/>');
}
}
});
});
这有效。我的问题是为什么当我重复按下按钮时附加功能不会再次附加相同的图像? 附加功能是否会以某种方式避免重复内容?
最佳答案
那是因为你这样做了:
$(".text").text("");
当您这样做时,每次单击按钮时都会清空 div。
关于javascript - jquery追加函数是否以某种方式避免重复内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42072069/