添加bootbox.js确认框到href link
Add bootbox.js confirmation box to href link
我使用一些href选项卡来绘制html表中所有行的按钮。当用户单击行按钮时,它将使用HTML GET将用户重定向到另一个带有一些行值的PHP脚本。但在我目前的实现中,当用户单击按钮时,没有确认。我添加了基本的javascript确认框,但它非常基本,浏览器每次都会要求停止弹出警告。
所以,我没有使用纯javascript,而是找到了专门为CSS警报和确认框设计的名为bootbox.js
的库。但是,当我应用bootbox方法与我目前的jquery实现它不工作!
bootbox - bootbox docs
下面是我的代码: 这是我的href代码,使html链接echo "<a href='approveone.php?id=$lvid&empno=$empno<ype=$leavetype&hmd=$leavehmd&dprtmnt=$empdepartment&adminname=$adminusername' class='btn btn-success btn-xs m-r-1em confirmation' >Approve</a>";
,这里是我的jQuery代码部分,包含bootbox调用。
<script type="text/javascript">
$('.confirmation').on('click', function () {
return bootbox.confirm('Are you sure?');
});
</script>
- 你应该阻止点击链接的默认行为(否则浏览器会重定向到该链接)。
-
confirm
函数应该接收回调函数(处理确认的结果)。
检查这个例子:
$('.confirmation').on('click', function (e) {
e.preventDefault();
href = $(this).attr('href');
return bootbox.confirm('Are you sure?', function(result) {
if (result) {
window.location = href
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type='text/javascript' src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
<a href='approveone.php?id=$lvid&empno=$empno<ype=$leavetype&hmd=$leavehmd&dprtmnt=$empdepartment&adminname=$adminusername' class='btn btn-success btn-xs m-r-1em confirmation' >Approve</a>
相关文章:
- 在单击href链接的同时下载文件
- 如果href包含X,请更改href
- 锚点元素的href属性自动更改
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 锚点元素不't使用svg时,请打开EDGE上的href
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 如何覆盖锚点元素's href目标,并在我点击转到目标javascript时删除其他错误
- 由innerHTML创建的Link(标签)无法在jQuery幻灯片面板中加载其href文件
- selenium click link href with javascript
- 删除'+开头和结尾的字符e.link[0].href+'
- Load HTML with javaScript in <a href...> link
- Angular ng-repeat传递参数到href link
- 在href of link中替换src
- 添加bootbox.js确认框到href link
- 追加一次javascript href link
- Regex从href link中删除空格
- Change href of Link
- Href link在转到链接之前执行javascript
- 如何防止href link直接指向url栏中的控制器名,而转到href标签中指定的控制器
- 在我的JavaScript文件中添加变量到href link