使用JQuery向Bootstrap Modal body添加段落的方法如下:
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Modal标题</h4>
</div>
<div class="modal-body">
<!-- 这里是Modal body的内容 -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
append()
方法向Modal body添加段落。例如:$(document).ready(function(){
$("#myModal").on("show.bs.modal", function(){
$(".modal-body").append("<p>这是一个段落。</p>");
});
});
在上述代码中,我们使用了show.bs.modal
事件来监听Modal的显示事件。当Modal显示时,通过append()
方法向Modal body添加一个段落。
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
打开Modal
</button>
通过点击上述按钮,即可打开Modal,并在Modal body中添加一个段落。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云