标签: bootstrap-dialog
如何在Twitter Bootstrap中同时打开两个模态对话框
我在我的项目中实现了引导程序对话框.我在该对话框中有一些删除功能,删除确认消息打开另一个引导对话框.但是当第二个确认对话框打开时,第一个对话框不会被禁用,所有事件都会起作用.
是否有任何解决方案在另一个对话框打开时禁用原始对话框？
这是我的代码:
function OpenDialogForSelectionAdmItem(title, content, callback) {
var dlg = new BootstrapDialog({
title: title,
content: content,
buttons: [{
label: 'Save',
cssClass: 'btn-primary',
id: 'btnSave',
onclick: function (dialog) {
}
},
{
label: 'Close',
cssClass: 'btn',
id: 'btnClose',
onclick: function (dialog) {
if (callback != "") {
callback(true);
}
dialog.close();
}
}]
});
dlg.open();`
}
截图:
当删除确认对话框打开时,我想禁用第一个对话框.
javascript jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-dialog
推荐指数
解决办法
查看次数
如何在CDN文件中包含CDN（* .js）？
我知道如何在HTML文件中包含CDN。
<!DOCTYPE html>
<html>
<head>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
</body>
</html>
但是我想做的是：
我想在我的JavaScript文件中包含CDN（如jquery）。
可能我要做的是不可能的。
实际上，我想从我的JavaScript文件中调用BootstrapDialog.Confirm。
因此，我想在js文件中包含BootstrapDialog所需的CDN。
然后，我可以调用BootstrapDialog.Confirm。
如果我的问题不合理，请原谅我，因为我是初学者。
推荐指数
解决办法
查看次数
Laravel如何重定向回到boostrap模态对话框窗口
我想返回我的模态对话框编辑表单以显示验证错误,但使用Redirect::back我最终在没有模态窗口的HTML页面.
我使用BootstrapDialog 将我的attendee.edit路线加载到弹出编辑表单的模态对话框中.
HTML
<td>{{link_to_route('attendee.edit','',array($attendee->id), array(
'class'=>'edit-attendee btn btn-info btn-xs glyphicon glyphicon-pencil',
'data-title' => 'Edit Attendee'))}}
</td>
JQuery调用BootstrapDialog
$(document).ready(function(){
$('.btn.edit-attendee').click(function(e){
e.preventDefault();
url = $(this).attr('href');
BootstrapDialog.show({
title: $(this).data('title'),
message: $('<div></div>').load(url),
buttons: [{
label: 'Update',
action: function(dialogRef) {
$('form').submit();
}
}]
});
});
});
调节器
public function update($id)
{
$attendee = Attendee::findOrFail($id);
$validator = Validator::make($data = Input::all(), Attendee::$rules);
if ($validator->fails())
{
return Redirect::back()->withErrors($validator)->withInput();
}
$attendee->update($data);
return Redirect::route('attendees.index');
}
在我编辑表单后,我想返回到模态窗口以显示验证错误,但我最终只是在没有对话框的HTML页面上.如何重定向回模态窗口？
UPDATE
添加id到控制器返回
return Redirect::back()->withErrors($validator)->withInput()->with('id', $id);
添加了Jquery …
推荐指数
解决办法
查看次数
bootstrapDialog 失败，querySelector 不是函数
我在 bootstrapDialog 中遇到以下错误。我只是初始化 bootStrapDialog 即 BootstrapDialog.alert('我想要香蕉！');
谁能帮我解决如何解决？
浏览器抛出错误如下：
Uncaught TypeError: element.querySelector is not a function
at n.Modal (modal.js:80)
at new n (bootstrap-dialog.min.js:1)
at o.realize (bootstrap-dialog.min.js:1)
at open (bootstrap-dialog.min.js:1)
at Function.o.alert (bootstrap-dialog.min.js:1)
引导程序：
bootstrap-4.1.3/js/bootstrap.js
bootstrap3-对话框：
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.35.4/js/bootstrap-dialog.js"></script>
推荐指数
解决办法
查看次数
BootstrapDialog.alert()没有显示出来
我使用以下代码显示BootstrapDialog并且它没有显示请求帮助
<!DOCTYPE HTML>
<html>
<head>
<title>dialog box example</title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<input type="button" value="button1" class="btn btn-info" onclick="showmes();">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
function showmes() {
BootstrapDialog.show(typeof(BootstrapDialog)); //.alert('I want banana!');
}
</script>
</body>
</html>
推荐指数
解决办法
查看次数