时间戳

首页 > 解决方案 > 将 jQuery 对象复制到模态，然后隐藏或显示，然后显示

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

问题描述

我只想在用户登录时（通过 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()将其添加到窗口之后重新绘制模态内容？

标签： javascriptjquerymodal-dialog

解决方案

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

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

推荐阅读