如何解决尝试替换HTML内容时,引导程序模式窗口关闭
我定义了两个模态(仍然使用Bootstrap 3 ...)。一种是用于编辑新闻内容,另一种是上载新图像。首先,显示新闻编辑模式。当某人单击“上传图像”时,我想用上传图像模式内容替换新闻模式内容(以避免无法同时打开两个模式)。下面的代码将正确的HTML记录到控制台,但它只是关闭了模式窗口而不是替换内容。
这是我正在尝试的:
HTML:
<!--edit article modal-->
<div id="newsModalDiv">
<div class="modal fade" id="newsModal" role="dialog" aria-labelledby="newFileModalLabel">
<!--input fields etc-->
<button type="button" id="newImageButton">Upload New Image</button>
</div>
</div>
<!--hidden upload image div-->
<div id="newFileModalDiv">
<div class="modal fade" id="newFileModal" role="dialog" aria-labelledby="newFileModalLabel">
<!--input fields etc-->
</div>
</div>
jQuery:
$("#newImageButton").click(function() {
var html = $("#newFileModalDiv").html();
console.log(html);
$("#newsModalDiv").html(html);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。