包括一个jQuery函数中的HTML代码

我有以下的jQuery函数包括一个jQuery函数中的HTML代码

$('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>

来源

2015-01-31 Jon

读取API提问之前。：http://getbootstrap.com/javascript/ – taesu 2015-01-31 17:56:45

在你页面的末尾添加一个HTML代码（body标签内），并添加以下到您的jQuery：

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

查看Bootstrap JavaScript reference了解更多详情。

来源

2015-01-31 17:55:48 MTCoster

谢谢。我已经申请了代码，但我主要关注的是，对话模式快速自败upoin点击，下面是代码$（“button.forward”）。点击（函数（）{ $（“＃myModal2”）模式（” show“）; }）; – Jon 2015-01-31 18:19:41

这是什么意思？你是说它闪烁了一秒钟然后又消失了吗？ – MTCoster 2015-01-31 18:23:05

是恰恰正是发生 – Jon 2015-01-31 19:07:32

$('button.forward').click(function() { 
    $("#myModal").modal("show"); 
});

来源

2015-01-31 17:56:19 Sadikhasan

谢谢。我已经应用了代码，但是我主要关心的是对话框模式快速消失（闪烁一秒钟然后消失），下面是代码$（'button.forward'）。click（function（）{$（“ ＃myModal2“）。modal（”show“）;}） – Jon 2015-01-31 19:08:25

$('button.forward').click(function() { 
     $("#modal-body").show(); 
    });

如果你想模态体在默认情况下使用该代码被隐藏

：

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

来源

2015-01-31 17:57:04 NobleCreed

包括一个jQuery函数中的HTML代码

回答

相关问题