gpt4 book ai didi

javascript - 单击行时,防止单击按钮时重定向

转载 作者:行者123 更新时间:2023-11-30 15:01:20 24 4
gpt4 key购买 nike

这里我用的是数据表行点击我想做某事[重定向],在一行中,其中一列有一个按钮并且它有一些操作。

问题:当我点击按钮执行获取行点击的操作时,想要防止在点击按钮时点击行

代码

$('#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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com