我如何从PHP调用Bootstrap模式
How do I call Bootstrap Modal from PHP?
快速提问。如何从PHP调用Bootstrap Modal ?我有一个表单,当一些错误发生时,我想向用户显示一个警报模式。我已经尝试了许多其他主题的解决方案,但都不起作用。
这是我最后尝试的:
echo '<script type="text/javascript">';
echo '$(''#alertDuplicate'').modal(''show'')';
echo '</script>';
这是模态:
<!-- Modal Alert Duplicate -->
<div class="modal fade" id="alertDuplicate">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Erro</h4>
</div>
<div class="modal-body">
<p>Essa função já existe!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
试着把它放到一个文档准备函数中,像这样:
echo '<script type="text/javascript">';
echo '$(document).ready(function() {';
echo '$("#alertDuplicate").modal("show");';
echo '});';
echo '</script>';
您可以使用下面的示例,也可以使用ajax从php脚本调用并返回响应。
echo <<<EOT
<script type="text/javascript">
$(document).ready(function() {
$('#alertDuplicate').modal('show');
});
</script>
EOT;
AJAX例子对于ajax,你可以这样使用:
<script type="text/javascript">
$(document).ready(function () {
$("input#submit").click(function(){
$.ajax({
type: "POST",
url: "YOUR_PHP_FILE.php",
data: $('form.FORM_NAME').serialize(),
success: function(msg){
$("#alertDuplicate").modal('hide');
},
error: function(){
$("#alertDuplicate").modal('show');
}
});
});
});
</script>
(您必须根据需要更改单词"FORM_NAME"answers"YOUR_PHP_FILE")
相关文章:
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- HTML5(Bootstrap)通过函数调用运行动画
- 从Bootstrap Dropdown中选择后调用javascript
- PHP,MySQL,AJAX-调用AJAX结果后,Bootstrap CSS样式不会显示
- 从 Bootstrap Typeahead 中的数据属性中调用函数
- 在ajax回调(safari)中调用bootstrap模式显示
- 如何使用Bootstrap(C#,VS2013)从CodeFile调用方法
- 通过JavaScript调用Bootstrap modal
- BootStrap Django Jquery Modal在Ajax调用提交时未关闭
- 如何在Bootstrap 2.3.2中弹出dropup之前调用函数
- UI Bootstrap for Angular 带有 'collapse' 指令,不调用 expand
- Bootstrap datepicker 传递给 c# ajax 调用
- Meteor 和 Bootstrap 表,如何调用 detailFormatter 函数
- 在Bootstrap面板展开中调用事件
- 从HTML页面调用Bootstrap函数
- 调用bootstrap在url中显示哈希链接,当用户点击页面滚动(锚)
- 如何使用jQuery调用Bootstrap alert
- 我如何从PHP调用Bootstrap模式
- React调用bootstrap函数
- 如何在ES6中调用bootstrap's jQuery插件