Javascript 在Jquery函数中包含html代码

Javascript 在Jquery函数中包含html代码,javascript,jquery,html,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap,Twitter Bootstrap 3,我有以下JQUery函数 $('button.forward').click(function() { }); 其中按钮向前一次-下面是按钮的代码- 单击时,应显示一个模态 <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div cla

我有以下JQUery函数

 $('button.forward').click(function() {

    });
其中按钮向前一次-下面是按钮的代码- 单击时,应显示一个模态

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

&时代;
情态标题
...
关
保存更改

在页面末尾添加HTML代码(在
正文
标记内),并将以下内容添加到jQuery中:

$('#myModal').modal('show')

有关更多详细信息,请参阅。

在页面末尾(在
正文
标记内)添加HTML代码,并将以下内容添加到jQuery中:

$('#myModal').modal('show')
 $('button.forward').click(function() {
    $("#myModal").modal("show");
 });
有关更多详细信息,请参阅

 $('button.forward').click(function() {
    $("#myModal").modal("show");
 });
如果希望默认情况下隐藏模态实体,请使用以下代码:

<script>
$(document).ready(function(){
 $("#modal-body").hide();
  $('button.forward').click(function() {
            $("#modal-body").show();
        });
});
</script>

$(文档).ready(函数(){
$(“#模态体”).hide();
$('button.forward')。单击(函数(){
$(“#模态体”).show();
});
});
如果希望默认情况下隐藏模态实体,请使用以下代码:

<script>
$(document).ready(function(){
 $("#modal-body").hide();
  $('button.forward').click(function() {
            $("#modal-body").show();
        });
});
</script>

$(文档).ready(函数(){
$(“#模态体”).hide();
$('button.forward')。单击(函数(){
$(“#模态体”).show();
});
});

提问前阅读API:提问前阅读API:非常感谢。我已经应用了代码,但我主要担心的是对话框模式在单击时会很快消失,下面是代码$('button.forward');你这是什么意思?你是说它会闪烁一秒钟,然后又消失了吗?是的,正是发生了什么嗯,我不知道是什么导致了这种行为…谢谢。我的问题稍微增加了一点,已经在那里重新发布了。谢谢。我已经应用了代码,但我主要担心的是对话框模式在单击时会很快消失,下面是代码$('button.forward');你这是什么意思?你是说它会闪烁一秒钟,然后又消失了吗?是的,正是发生了什么嗯,我不知道是什么导致了这种行为…谢谢。我的问题稍微增加了一点,已经在那里重新发布了。谢谢。我已经应用了代码,但我主要担心的是对话框模式在单击后会很快消失(闪烁一秒钟然后消失),下面是代码$('button.forward')。单击(function(){$(“#myModal2”)。模式(“show”)}谢谢。我已经应用了代码,但我主要担心的是对话框模式在单击时会很快消失(闪烁一秒钟然后消失),下面是代码$('button.forward')。单击(function(){$(“#myModal2”).model(“show”);})