繁体   English   中英

如果满足条件语句,如何触发引导模式

[英]How to trigger bootstrap modal if a condition statement is met

老实说,我在这里深入挖掘并看到了与我正在寻找的类似的东西,但似乎没有一个对我有用。 我知道在某个地方错过了它,不知何故。

我的挑战是我有一个单击按钮链接执行验证检查,如果没有发现错误,我想触发一个模态窗口。

下面是我的代码示例

预览

onclicking 按钮 javascript 函数运行得很好,但是当错误 <1 时我无法加载模态。请帮助

<script>
function validate_radiobutton_group(form){
  var error = 0;
  if(error>0){
    alert("........");
    return false;
  }
  else{
    $('#myModal').modal({
    show: true
  });
}
}

</script>



<div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade" id="myModal" style="width: 640px;">
  <div class="modal-header">
    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
    <h3 id="myModalLabel"></h3>
  </div>
  <div class="modal-body">
</div>
  <div class="modal-footer">
    <button data-dismiss="modal" class="btn btn-primary">Close</button>
  </div>
</div><!--#myModal-->

根据文档,要显示您调用的模式:

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

代替:

$('#myModal').modal({
   show: true
});

检查您的模态的标记

我从 bootstraps 文档创建了一个带有模态标记的 plunker,它按预期工作。 http://plnkr.co/edit/vyCL7WqQ014X6wJ8AUjw?p=preview

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM