[英]Boostrap Modal doesn't work
您好,希望您能为我解决当前遇到的问题。
我试图在按下按钮时使用模式在JS中执行代码,事实是,具有按钮的HTML代码会自行生成
主视图页面
<tr class="odd">
<td class=" sorting_1">CU</td>
<td class="">Cliente Unico</td><td class="">101</td>
<td class="">
<span id="edit_CU" class="ui-icon ui-icon-pencil" data-toggle="modal" data-target="#modal_edit"></span>
<span id="delete_CU" class="ui-icon ui-icon-trash" data-toggle="modal" data-target="#modal_delete"></span>
</td>
</tr>
在id =“ edit_CU”中,CU会在生成HTML代码时发生更改,因此id =“ delete_CU”也不总是相同
当您单击范围图标时,将触发模态并显示以下内容:
单击“编辑”或“删除”按钮时查看页面
<div id="modal_delete" class="modal fade">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Delete vertical</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to delete?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_delete">Yes</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="<?php echo base_url('assets/js/helper/func_verticales.js');?>"></script>
在此视图页面中,当用户单击“是”时,询问用户是否要删除其信息,它应该会弹出一条消息……但是它什么也没做,有人可以帮我忙吗?
这是JavaScript
$("#modal_delete").on('show.bs.modal', function(event){
alert("hello");
});
});
从按钮而不是模式运行警报
<button id="modal_delete">Yes</button>
$("#modal_delete").on('click', function(event){
alert("hello");
});
});
或使用确认框
$('#modal_delete').click(function(ev){
ev.preventDefault();
var r = confirm("Are you sure?");
if (r == true) {
//run delete code here
}
});
如果我正确地理解了您,而不是您必须委派click事件,请尝试如下操作:
您的按钮需要进行一些调整-因为我看不到数据切换和数据定位的原因
<button type="button" class="btn btn-primary">Yes</button>
之后-在您的JS代码中:
$("button.btn-primary").on("click","#modal_delete",function()
{
alert("hello");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.