Javascript jquery中的append有时有效，有时无效'；T

我试图使用下面的代码在div标记中附加一个span元素

 $( document ).ready(function() { 
$(".rocketchat-widget").append("<span class='tooltiptext'>Chat button</span>");
}); 

$（文档）.ready（函数（）{
$（“.rocketchat小部件”）.append（“聊天按钮”）；
}); 

有时它会工作并添加元素

但有时它不会加载元素。

我是jquery的新手，所以任何帮助都是值得的

---

谢谢

下面是您想要的，op（shahzad）在页面加载中包含了第三方小部件，因为它是第三方小部件，有时会提前或稍后加载，所以需要下面的代码

$( document ).ready(function() { 
    $(document).on("click", "[data-state=closed]" , function() { $(this).data('state', 'opened').attr('data-state', 'opened'); }); 

    myVar = setInterval(function() {
        if($(".rocketchat-widget").length){
            $(".rocketchat-widget").append("<span class='tooltiptext'>Chat button</span>");
            clearInterval(myVar);
        }        
    }, 1000);
});

$（文档）.ready（函数（）{
$（文档）.on（“单击”，“数据状态=关闭]”，function（）{$（this）.data（'state'，'opened'）.attr（'data-state'，'opened'）；}）；
myVar=setInterval（函数（）{
if（$（“.rocketchat小部件”）.length）{
$（“.rocketchat小部件”）.append（“聊天按钮”）；
净距（myVar）；
}        
}, 1000);
});

这是标准行为。除非您专门编写代码，否则在页面生命周期内对DOM所做的修改不会在连续页面加载时保留。@Rorymcrossan但它是在文档完全加载时添加元素的，所以它不应该在连续重新加载时添加元素吗？您现在已经编辑了问题。您最初的问题是，为什么重新加载页面时元素会消失…？如何将

rocketchat

添加到页面中？在尝试附加之前，您需要确保

.rocket chat widget

存在。我认为它应该可以工作，您可以显示更多的代码吗？请花点时间编辑您的问题，并解释您的不同做法（可能还有原因）。“发现差异”的答案很少是“好”的答案。此外，不需要鼓励其他用户投票-评论应该是有益的和建设性的：）@bhagwanparge我不在办公室，我将在明天检查它，并告知它是否有效