如何在Bootstrap模式中显示警报

时间:2016-04-22 21:51:49

标签: javascript jquery html twitter-bootstrap



$(window).load(function(){
  $('.alertbox').click(function(){
    alert('You Clicked on Click Here Button');
    });
  })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"> </script>
  
<div>
  <a class="alertbox" href="#clicked"> Click Here</a>
</div>
&#13;
&#13;
&#13;

我希望警报显示在引导模式中。

2 个答案:

答案 0 :(得分:19)

在模态体中创建错误div。并设置错误

&#13;
&#13;
$(".btn.btn-default").click(function () {
        if (this.id == 'fear') {
            $('#fear').val($(this).text());              
        } else if (this.id == 'control') {
            $('#control').val($(this).text());               
        } else if (this.id == 'danger') {
            $('#danger').val($(this).text());                
        }
    });
&#13;
$(document).ready(function(){
  $('#alertbox').click(function(){
    $("#error").html("You Clicked on Click here Button");
      $('#myModal').modal("show");
    });
  });
&#13;
&#13;
&#13;

答案 1 :(得分:1)

可能我没有正确理解您的问题,但您无法使用提醒功能在页面元素中显示消息。警报在页面dom之外显示系统警报。

如果要在模态中显示消息,则必须在页面html中包含(或注入)模态标记,然后只需通过引导函数显示/隐藏模态。

你有一个非常好的例子here