这里我用的是数据表 行点击我想做某事[重定向], 在一行中,其中一列有一个按钮并且它有一些操作。
问题:当我点击按钮执行获取行点击的操作时,想要防止在点击按钮时点击行
代码
$('#example').click(function () {
var dataArr;
var rows = $('tr.selected');
var rowData = table.rows(rows).data();
$.each($(rowData), function (key, value) {
dataArr = value["id"];
window.location = 'clients?id=' + dataArr;
});
}
我应该改变什么?谢谢
编辑:
按钮:
$(document)
.ready(
function() {
var table = $('#example')
.DataTable({
"sAjaxSource": "/clients",
"sAjaxDataProp": "",
"order": [
[0, "asc"]
],
"aoColumns": [{
"mData": "id"
},
{
"mData": "name"
},
{
"mData": "lastName"
},
{
"mData": null,
defaultContent:'<p>1</p>'
},
{
"mData": null,
className: "center",
defaultContent: '<a href="clients.html"> <p title="New"><button class="btn btn-primary btn-xs newButton" data-title="Add" id="btn"><span class="glyphicon glyphicon-plus"></span></button></p></a>'
},
{
"mData": null,
className: "center",
defaultContent: '<p data-placement="top" data-toggle="tooltip" title="Edit "><button class="btn btn-default btn-xs data-title="edit" data-toggle="modal" data-target="#edit""><span class="glyphicon glyphicon-pencil"></span></button></p>'
},
{
"mData": null,
className: "center",
defaultContent: ' <p data-placement="top" data-toggle="tooltip" title="Delete"><button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal" data-target="#delete"><span class="glyphicon glyphicon-trash"></span></button></p>'
}
]
});
我正在使用数据表。并且只需要在编辑和删除的最后两列中使用它
最佳答案
每当子事件调用父事件时,这里可以使用下面的方法阻止。
event.stopPropagation();
关于javascript - 单击行时,防止单击按钮时重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46486452/