javascript - 将jQuery对象复制到模态，然后隐藏或显示，然后显示

Question

我想仅在用户登录(通过ajax)时在模式中显示页脚。

我希望页脚本身包含在 HTML 主页面中，其他用户可以覆盖该页脚。

所以我有一个隐藏的容器将其保存在主页上:

<div style="display:none" id="signupModalFooterContainer">
    <div class="modal__footer btn-group" class="signupModalFooter">
        You are logged in
    </div>
</div>

我可以将其添加到弹出内容中:

popUpContent += $('#signupModalFooterContainer').html();

如何让浏览器在运行 $('.signupModalFooter').show() 或 $('.signupModalFooter').hide() 之间重新绘制模态内容 将其添加到窗口后？

Answer 1

在显示之前清空并替换您的 html 内容

if (loggedin == 'yes') {
    $('.signupModalFooter').html('You are logged in');
} else {
    $('.signupModalFooter').html('');
}
$('.signupModalFooter').show();