Tag: bootbox

Bootbox没有显示弹出模式

我已经在我的项目中下载了bootbox.js并实现了此代码以显示弹出模式对话框但是我的控制台中没有打印任何错误或成功结果。我在生成错误的地方感到困惑。 Js文件 $(‘switch input[type=”checkbox”]’).on(‘change’,function(){ var checkbox=$(this); var checked=checkbox.prop(‘checked’); var dMsg=(checked)? ‘You want to activate the product’: ‘You want to deactivate the product’; var value=checkbox.prop(‘value’); bootbox.confirm({ size: ‘medium’, title: ‘Product Activation & Deactivation’, message: dMsg, callback: function(confirmed){ if(confirmed){ console.log(value); bootbox.alert({ size: ‘medium’, title: ‘Information’, message : ‘you are going to perform operation on product’+ value }); […]

Bootbox回调表单提交无法正常工作

我正在动态创建一些表单，我在MVC5应用程序中使用bootbox 4以及bootstrap 3和jquery 3.1.0。 编辑：我将项目的jquery从1.10.2更新到3.1.0，下面仍有相同的问题。 用法：单击remove，bootbox确认通过模式删除，如果确认，则调用表单上的.submit（）操作。 应用截图 问题：我点击删除按钮，它会弹出一个模式来确认动作，然后我点击“继续”但它什么也没做。 在所有表单元素中似乎只有一个工作提交动作。 所以我能够成功调用每页刷新一个元素的提交。 我是javascript的新手，所以我现在有一个基本的理解，我正在尝试找出我的代码，我的代码如下。 任何帮助，将不胜感激。 我的观看代码 ： @foreach (var user in Model.Users) { @user.Id @user.FirstName @user.LastName @Html.CheckBox(“role”, user.IsAdmin) @using (Html.BeginForm(“UpdateUserRole”, “Admin”, FormMethod.Post, new {@class = “btn-inline”})) { @Html.Hidden(“id”, user.Id) @Html.Hidden(“role”, user.GetRole(user.IsAdmin)) Update } @using (Html.BeginForm(“RemoveUser”, “Admin”, FormMethod.Post, new {@class = “btn-inline”, @id=user.Id+”Form”})) { @Html.Hidden(“id”, user.Id) Remove } } […]

Bootbox回调无法正常工作

我想用这个： $(‘#delete’).live(‘click’,function(){ var result; bootbox.confirm(“Are you sure?”, function(response){ result=response; }); alert(result); return result; }); 但是当点击按钮时： 警报首先显示，并且仅在该引导框显示确认对话框后显示。 我想返回响应，但是如果我在回调中执行它不起作用，因为它返回来自回调的响应而不是$（’＃devicedelete’）。live（’click’，function（）{}）; 顺便说一下，我正在尝试根据回复提交表格。 因此，如果我返回’true’表单将被提交，否则如果它返回’false’，表单将不会被提交。 请查看： http ： //pastebin.com/9H3mxE9Y 我有一个大表，每行有复选框，用户选择复选框，然后点击任何按钮’删除’，’复制’等，表格应该提交。 谢谢

防止bootbox关闭弹出窗口

我正在使用bootbox来制作带有表单的弹出窗口，如果表单字段有问题，我必须validation它们并向用户抛出错误。 但是在用户点击“ Send ”按钮后，我无法阻止启动箱窗口关闭。 我需要向用户显示错误通知，因此可以纠正错误并再次发送表单。 return false工作正常，但之后我找不到方法，恢复通常的bootbox方法来关闭windows。 有人遇到同样的问题，你是如何摆脱这种情况的？ 如上所述， fsFiddle ： Bootbox 码： $(document).ready(function() { $(“#test”).on(‘click’, function() { bootbox.dialog({ title: “This is a form in a modal.”, message: ‘ ‘ + ‘ ‘ + ‘ ‘ + ‘ ‘ + ‘Name ‘ + ‘ ‘ + ‘ ‘ + ‘Here goes your name ‘ + […]

如何使用jQuery AJAX和JSON确认使用Bootbox提交表单

我正在使用Spring MVC在Web应用程序中工作。 我在使用Bootbox提交表单之前尝试显示确认对话框，但是我收到500内部服务器错误。 这是我的表格： …some fields Accept 这是我的insertFunction（） function insertFunction(){ var name = $(‘#name’).val(); var lastname = $(‘#lastname’).val(); var confirmSend; var json = {“name”: name,”lastname”: lastname}; $.ajax({ type: “POST”, url: “register/insertPerson”, data: JSON.stringify(json), contentType: “application/json; charset=utf-8”, dataType: “json”, cache: false, beforeSend: function (xhr){ bootbox.dialog({ message: “I am a custom dialog”, title: “Custom title”, buttons: { […]

Bootbox确认对话框问题

不幸的是，doc Bootbox（ http://paynedigital.com/2011/11/bootbox-js-alert-confirm-dialogs-for-twitter-bootstrap ）没有教导如何调用确认对话框。 由于在加载页面时始终显示文档窗口，因此在单击删除按钮调用时应出现错误。 这是尝试失败的代码。 // show “false” does not work, the confirm window is showing when page is loaded. $(function () { bootbox.confirm(“Confirm delete?”, “No”, “Yes”, function(result) { show: false }); }); // need show the confirm window when the user click in a button, how to call the confirm window? 如何仅在单击删除按钮时才设置此引导框？ 谢谢！ […]

对话框内的Bootbox对话框

我最近被分配到一个使用bootbox的项目，我当前的一个问题是在一个已经打开之后打开另一个对话框。 问题是在打开第二个对话框后，背景阴影不会覆盖第一个对话框。 有没有办法打开覆盖第一个对话框的第二个对话框？ 编辑 function Confirm(question, callBack) { bootbox.confirm(question, callBack); } 如果执行两次，它将显示两个弹出窗口，但第一个不会被阴影覆盖。

jQuery .validate（）submitHandler没有触发

我正在加载一个对话框，其中包含使用Bootbox.js即时构建的表单 ，我正在使用jQuery validate插件validation用户输入。 validation工作正常，但在成功填写表单时将忽略submitHandler 。 出了什么问题？ submitHandler: function(form) { alert(“Submitted!”); var $form = $(form); $form.submit(); } 请参阅下面的完整示例。 我查看了其他类似问题的post。 不幸的是，他们似乎在页面上呈现了表单，而我正在渲染我的jQuery。 $(document).on(“click”, “[data-toggle=\”contactAdmin\”]”, function() { bootbox.dialog({ title: “Contact admin”, buttons: { close: { label: ‘Close’, className: “btn btn-sm btn-danger”, callback: function() {} }, success: { label: “Submit”, className: “btn btn-sm btn-primary”, callback: function() { $(“#webteamContactForm”).validate({ rules: { […]