如何将数据传递到两个引导模式
How to pass data to two bootstrap modal?
嗨,我正在对表执行 crud 操作。所以我必须执行两个操作,例如重置密码和删除条目。我添加了一个引导模式来确认操作。我可以传递值并使用第一个模态,但是当我单击第二个模态时,它不会启动。
我的代码如下:-
<td>
<a href='#' data-href='modules/reset.php?id={$row['id']}' data-toggle='modal' data-target='#resetpassword' data-popup='tooltip' title='Reset Password'><i class='icon-lock2'></i></a>
<a href='#' data-href='modules/delete.php?id={$row['id']}' data-toggle='modal' data-target='#modal_delete' data-popup='tooltip' title='Delete'><i class='icon-trash'></i></a></li>
</td>
模态:-
删除密码模式:
<div id="modal_delete" class="modal fade" style="font-weight: normal;">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header"></div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center">
<i class="fa fa-warning fa-5x"></i>
</div>
<div>
<div class="row">
<div class="col-md-12 text-center">
<br/><h5>Are you sure you want to delete?</h5><br/>
</div>
<div>
<div class="modal-footer text-center">
<button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>
<a class="btn btn-danger btn-lg btn-ok">Yes, delete it!</a>
</div>
</div>
</div>
</div>
重置密码模式:
<div id="resetpassword" class="modal fade" style="font-weight: normal;">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header"></div>
<div class="modal-body">
<div class="row">
<div class="col-md-12 text-center">
<i class="fa fa-warning fa-5x"></i>
</div>
<div>
<div class="row">
<div class="col-md-12 text-center">
<br/><h5>Are you sure you want to reset password?</h5><br/>
</div>
<div>
<div class="modal-footer text-center">
<button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>
<a class="btn btn-danger btn-lg btn-oks">Yes, reset it!</a>
</div>
</div>
</div>
</div>
Javascript:-
<script>
$('#modal_delete').on('show.bs.modal', function(e) {
$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});
</script>
<script>
$('#resetpassword').on('show.bs.modal', function(e) {
$(this).find('.btn-oks').attr('href', $(e.relatedTarget).data('href'));
});
</script>
通过此方法,只有删除模式有效,但重置模式不会启动。JavaScript函数之前的模态只起作用。如何使它们都起作用。任何帮助将不胜感激。
也许你应该在 ready 上将你的脚本包含在 jquery 中
$( document ).ready(function() {
//your javascript code
});
你的一些<div>
应该是</div>
的。如果您仔细查看,您会发现重置密码模式实际上在删除密码模式代码中。
编辑:有点跑题了,我理解你是否更愿意自己滚动,但你试过SweetAlert吗?他们有一些漂亮的警报框,而且非常易于使用。
相关文章:
- JQuery合并了keyup和focusout两个函数
- 如何使用 node.js 比较两个 json 数组
- 为复选框javascript指定两个值
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- Bootbox,两个模式窗口-一个在另一个之上
- 两个选项卡—第一个选项卡在第二个选项卡中处于调试模式时被卡住
- 如何匹配两个字符内的重复模式
- JS:两个或多个非严格模式下具有相同名称的对象属性
- 如何将数据传递到两个引导模式
- 是否可以在猫鼬中相互引用两个模式
- 获取 Node.js 中两个模式之间的所有字符串
- PubSub模式用于在两个解耦的javascript模块之间传输数据
- jQuery-两个事件在Twitter启动后启动's模式关闭
- 如何在 JavaScript 模式中包含带有连字符的两个数字
- JS插入两个连续的文本节点在一个跨度不当时,不在调试模式
- Javascript模块模式:加载时初始化两个对象
- 正则表达式模式为带两个小数点的单个数字
- 如何在驱动模式下使用javascript查找两个坐标之间的距离
- 我在一个html页面上有两个引导模式,只有第一个模式打开
- 用于匹配两个/反斜杠/之间的字符串的正则表达式模式,该模式直接出现在另一个字符串的第一次匹配之后