单击链接后停止表行切换

时间:2013-12-20 08:34:49

标签: javascript jquery togglebutton

我想要做的是当有人点击表格行中的网址链接时停止切换。

$(document).ready(function () {
    $("#report tr:odd").addClass("odd");
    $("#report tr:not(.odd)").hide();
    $("#report tr:first-child").show();

    $("#report tr.odd").click(function () {
        $(this).next("tr").toggle();
        $(this).find(".arrow").toggleClass("up");
    });
    //$("#report").jExpand();
});

url链接位于同一个切换行上,当有人点击url链接时,它也切换到我试图停止的行。有关如何做到这一点的任何指示?

2 个答案:

答案 0 :(得分:2)

我认为下面的内容对您有用。虽然没经过测试。

在链接中添加Javascript函数调用

$("#ANCHIOR_ID").click(function(event){
    event.stopPropagation();
    // then do your job there that you want to do in on click
  });

答案 1 :(得分:0)

由于锚点在tr元素中,每当调用点击anchor时,事件将传播到父tr并且其点击功能也会被执行。

$('a').click(function(e){
    e.stopPropagation();
});

这会停止锚定点击事件冒泡到父级