在aspx页面中，有一个像这样的asp:linkbutton：
<asp:LinkButton runat="server" ID="btExit" Text="Exit"
OnClientClick="javascript:return confirmExit();"
EnableViewState="false"
OnClick="ExitButtonClick"></asp:LinkButton>
这是 JavaScript 函数：
<script type="text/javascript">
function confirmExit() {
bootbox.confirm("Are you sure?", function (confirmed) {
return confirmed;
});
}
</script>
问题是，据我所知， bootbox.confirm 是异步工作的，并且后面代码上的 ExitButtonClick 函数是在不等待用户确认的情况下执行的。
我找到了一个有效的解决方案，使用隐藏按钮：
<asp:LinkButton runat="server" ID="btExit" Text="Exit"></asp:LinkButton>
<asp:Button runat="server" ID="btExitHidden" onclick="ExitButtonClick" style="display:none;" />
这是 javascript 部分：
<script type="text/javascript">
$("#btExit").click(function (e) {
e.preventDefault();
bootbox.confirm("Are you sure?", function (confirmed) {
if (confirmed) {
$("#btExitHidden").click();
}
});
});
</script>
我的问题是是否有一种更“漂亮”和“标准”的方式与 Bootbox.confirm 同步工作，而不使用隐藏按钮。
我正在为我的模态使用名为 Bootboxjs 的 jQuery 插件。
这是我运行代码的方式：
bootbox.dialog({
title: '<i class="fa fa-thumbs-up"/></i> View Likes',
buttons: {
close: {
label: '<i class="fa fa-times"></i> Close',
className: "btn-danger",
callback: function() {
// Close the modal
}
}
},
message: '<span name="getLikesResults"></span>'
});
我正在为一个项目制作一个插件，我不希望这影响现有的模态样式，但是当内容达到最大高度时，我需要使这个特定的模态可滚动。
.modal .modal-body {
max-height: 420px;
overflow-y: auto;
}
我怎样才能将上面的 CSS 应用到这个bootbox模态？
有没有办法使用bootstrap和bootbox.js以模态显示图像？
我从ajax获取Data(有一个图像url)并希望使用bootstrap和bootbox.js以模态显示
我有以下模板:
<template name="modalTest">
{{session "modalTestNumber"}} <button id="modalTestIncrement">Increment</button>
</template>
那个session助手只是与Session对象的中间人.我把它modalTestNumber初始化为0.
我希望将这个模板以及所有它的反应性渲染到一个bootbox模式对话框中.我为此模板声明了以下事件处理程序:
Template.modalTest.events({
'click #modalTestIncrement': function(e, t) {
console.log('click');
Session.set('modalTestNumber', Session.get('modalTestNumber') + 1);
}
});
以下是我尝试过的所有内容以及它们的结果:
bootbox.dialog({
message: Template.modalTest()
});
这会呈现模板,它或多或少看起来像0 Increment (in a button).但是,当我Session从控制台更改变量时,它不会更改,并且在单击按钮时不会调用事件处理程序(console.log甚至不会发生).
message: Meteor.render(Template.modalTest())
message: Meteor.render(function() { return Template.modalTest(); })
这些都与Template调用本身完全相同.
message: new Handlebars.SafeString(Template.modalTest())
这只是将模态体渲染为空.模态仍然弹出.
message: Meteor.render(new Handlebars.SafeString(Template.modalTest()))
Template与纯粹的Meteor.render电话完全相同; 模板在那里,但没有反应或事件响应.
可能是我使用这种较少的引导包装而不是标准包装？
如何以适当的反应流星风格渲染？
我只是试图入侵bootbox.js文件本身,看看我是否可以接管.我改变了一些东西,以便在bootbox.dialog({})图层中我只传递我想渲染的模板的名称: …
<div class="question">
<form id='infos' class='form' action='' style="">
Action Description:<input type='text' class='form-control' id='action_description'></input><br/>
Action Reponsible:<input type='text' class='form-control' id='action_responsible'></input>
Plan Beginning date:
<div class='input-append date' data-date='01.01.1999' data-date-format='dd.mm.yyyy'>
<input class='form-control' size='16' id='beginDate' name='beginDate' type='text' value='01.01.1999' >
<span class='add-on'><i class='icon-th'></i></span>
</div>
End Date:
<div class='input-append date' data-date='01.01.1999' data-date-format='dd.mm.yyyy'>
<input class='form-control' size='16' id='endDate' name='endDate' type='text' value='01.01.1999'>
<span class='add-on'><i class='icon-th'></i></span>
</div>
</form>
</div>
这是我的HTML和我的js是:
var yourModal = bootbox.dialog({
message: $('.question').html(),
title: "Add Class",
buttons: {
main: {
label: "Save",
className: "btn-primary",
callback: function() {
var type …正如标题所示,我想将Enter键添加为Bootbox.js的事件处理程序.当您调用alert()弹出窗口时,可以按Enter键将其关闭,但Bootbox.js不是这种情况.我不知道如何访问Bootbox.js中的按钮来添加事件处理程序.有什么建议？
如何在模式点击之外强制关闭 bootbox.alert() ？最好没有 jQuery。
我正在使用 Bootbox v4.4.0。
我使用Bootbox jquery插件来显示模态.
这是一个简单的用法,用于显示警告对话框:
bootbox.alert({
title: 'Message Title',
message: "this is message Body"
});
这个插件有一个className选项可以添加自定义类来应用于dialog()方法创建的对话框包装器,但是我们不能将它用于alert()方法.
添加自定义类的方法alert()是用于dialog()创建它们.但在这种情况下,我们必须创建一个类似按钮OK(或取消以prompt()手动方式),我们希望有一个简单的提醒是非常耗时,每次都是这样:
bootbox.dialog({
message: "I am a custom dialog",
title: "Custom title",
buttons: {
success: {
label: "Success!",
className: "btn-success",
callback: function() {
Example.show("great success");
}
}
});
有没有办法通过alert()方法将自定义类添加到警报框？
我正在尝试显示一个警告框,然后单击"确定"以刷新页面.我试过用window.location.reload(true)
我想在页面重新加载之前显示一条消息.问题是页面自动重新加载但警报框未显示.
HTML内容
<form action="<?php echo $action_link; ?>" method="post" name="form_Change_Password" id="form_Change_Password" class="form-horizontal" novalidate="novalidate">
<input type="hidden" name="id" value="<?php echo $admin_id; ?>">
<div class="form-body">
<div class="alert alert-danger display-hide">
<button class="close" data-close="alert"></button> You have some form errors. Please check below.
</div>
<div class="alert alert-success display-hide">
<button class="close" data-close="alert"></button> Your form validation is successful!
</div>
<div class="form-group margin-top-20">
<label class="control-label col-md-3">Old Password
<span class="required" aria-required="true"> * </span>
</label>
<div class="col-md-4">
<div class="input-icon right">
<i class="fa"></i>
<input type="password" class="form-control" name="old_password" id="old_password" value="">
</div>
</div> …我在页脚中添加了一个按钮，但我不希望在单击它时关闭模式。我尝试了 PreventDefault 但它不起作用..
dialog.find('.modal-footer').append('<button type="button" class="btn btn-primary">Display</button>')
我用引导箱。
谢谢。