草庐IT

SweetAlert2

全部标签

javascript - sweetalert 2 上有超过 2 个按钮

我有一个带2个按钮的sweetalert,但我想在其中多一个按钮。例如,截至目前,我有"is"和“否”,我想再添加一个按钮,请稍后再说。请帮忙。$("#close_account").on("click",function(e){e.preventDefault();swal({title:"Areyousure?",text:"Youwillnotbeabletoopenyouraccount!",type:"warning",showCancelButton:true,confirmButtonColor:"#DD6B55",confirmButtonText:"Yes,close

javascript - 防止在弹出窗口外单击时关闭 SweetAlert

我在电子商务应用程序中使用SweetAlert弹出我的产品View,其中有两个按钮:一个用于进入购物车View,另一个用于重新加载View。但是当用户在弹出窗口外单击时,弹出窗口会自动关闭。我尝试了以下属性来阻止它关闭但没有任何效果:hideOnOverlayClick:false,hideOnContentClick:false,closeClick:false,helpers:{overlay:{closeClick:false}}非常感谢任何帮助/建议。谢谢。 最佳答案 如果你用的是SweetAlert2,可以用这个配置all

php - 如何在注销表单中使用 Sweet alert 2?

我有这个代码可以注销。这适用于标准确认框,但不适用于Sweetalert2。任何人都可以告诉我为什么吗?谢谢你。第一个代码是名为dropzone.php的页面中的表单,甜蜜警报代码也在此文件中。然后我有一个名为logout.php的单独文件。//Thisworks:$(function(){$('#logout').click(function(){if(confirm('Areyousuretologout')){returntrue;}returnfalse;});});//Thisdonotwork:$("#logout").on("click",function(){swal(

SweetAlert2中的按钮延迟出现

我在用SweetAlert2向用户传达一些反馈。这是一个学习应用程序,因此,我希望反馈持续一段时间。显示反馈后,我不想立即显示任何按钮,因为人们倾向于仅单击“确定”或“取消”,而无需阅读文本。反馈中字符的数量因屏幕而异,因此,我使用SweetAlert2的计时器参数是文本中字符数的某些倍数。但是,计时器功能是不完美的,因为人们的阅读速度不同。理想情况下,我希望在计时器计时之后出现“确定”按钮。我可以动态更改警报框的属性吗?swal({html:feedback,timer:feedback.length*50,showCloseButton:false,showCancelButton:fal

php - 如何使用 sweetalert 单击确定后重新加载页面

你好,我有一个使用sweetalert的代码swal("Goodjob!","Youclickedthebutton!","success")此代码会弹出一条消息并有一个按钮okay,我喜欢做的是在单击okay按钮后刷新页面。我可以这样做吗? 最佳答案 你可以试试这个,它对我有用。swal({title:"Goodjob",text:"Youclickedthebutton!",type:"success"},function(){location.reload();}); 关于php-

突出显示SweetAlert中的默认文本输入

我有一个SweetAlert2这允许文本输入,我给它一个默认值。我希望在警报弹出时突出显示此默认值,以便用户可以在需要时立即覆盖它。这是一个例子:这是我带有SweetAlert选项的功能:window.sweetPrompt=function(title,message,callback,input,keepopen,allowOutsideClick,allowEscapeKey){sweetAlert({title:title,text:message,input:'text',confirmButtonColor:"#428bca",preConfirm:function(text){r

javascript - SweetAlert2, .then() - 不立即更新 DOM

问题:我想在甜蜜警报上单击“确定”后将用户重定向到另一个页面,但是在我出于某种原因打开另一个甜蜜警报之前,用户不会被重定向。您可以在代码上断点,但页面上没有任何反应。问题的简单示例:http://jsfiddle.net/ADukg/14306/注意:包括0秒超时“解决问题”重现:1)注意箭头后面的文字..$scope.name="original",可以看到页面上显示了。2)单击“先单击”按钮。这将运行函数$scope.changeMe(),它将$scope.name更新为“delayed......”3)到目前为止,按钮上方的文字应该已经更改。但直到你打开另一个甜蜜的警报,文本才会

javascript - 单击确定后如何停止 sweetalert 滚动到顶部?

我正在使用sweetalert2当用户在我的网站上发表评论时的脚本,它向下滚动到他们的评论并弹出甜蜜警报,但当他们在甜蜜警报框上单击“确定”时,它会滚动回顶部。根据我一直在阅读的内容,我需要某种防止默认或其他东西,但我无法弄清楚它会去哪里?这是我的脚本:window.location.hash="comment-";$(document).ready(function(){swal({title:"CommentPosted",text:"Thanks,yourcommenthasnowbeensuccessfullyposted.",type:"success"});});

javascript - SweetAlert - 更改模态宽度?

我喜欢这个图书馆。我想用它在我的一个网页上显示适度的响应表,但文本有点宽。我希望有一个选项可以更改我在SweetAlert中显示表格的页面的整体警报宽度,但我没有任何运气。表格和HTML看起来不错,只是模态的信息太多了。我什至找不到在整个sweetalert.css中设置宽度的位置。我想也许customClass配置键可能有帮助,我试过了:swal({title:priorityLevel+'Issuesfor'+appName,html:appHTML,type:"info",customClass:'swal-wide',showCancelButton:true,showConf

SweetAlert让消息弹出窗口更加具有个性化!

SweetAlertSweetAlert是指可对JavaScript标准功能alert()和confirm()进行个性化定制的库。 SweetAlert的要点官网上有很多示例,看了这些基本上就OK了。但是,在低代码平台kintone上使用时,【弹出消息后更新页面】这个处理只参照示例来写的话,一开始有些人应该会误以为是同步处理,慢慢发现不对劲(因为原本的alert函数也是同步处理)。看完示例后才发现需要异步处理(回调)。但却没有提供这个最基本的代码范例。因此,本次通过使用记录详情页面显示时的事件中的RESTAPI来更新记录的示例向大家介绍一下。 准备kintone应用今天要讲的范例是:打开记录详