Question

我有这段代码：

$('.table-striped tr').click( function() {
    var link = $(this).find('a').attr('href');
    if(link != 'undefined') {
        window.location = link;
    }
}).hover( function() {
    $(this).toggleClass('hover');
});

它运行良好（隐藏了<a>）。我还为td:hover提供了一个很好的CSS规则，突出了整行。

我现在想念的是：

右键单击即可“在新标签/窗口中打开”
中间点击

你知道怎么做吗？

Answer 1

上下文菜单和中间点击操作是浏览器在链接（<a/>）上的默认行为。因此，通常您无法在其他元素上模拟此行为。但你可以通过一些JavaScript来接近。

例如，要在中间点击的新标签页中打开链接（就像大多数浏览器默认情况下那样），请使用此事件：

$("#foo").live('click', function(e) { 
    if (e.which == 2) {
        e.preventDefault();

        // open new tab/window
        window.open('path');
    }
});

上下文菜单是一个更大的问题，因为它很难（不可能）使它看起来像原始，但你可以创建自己的。有几个jQuery插件。只需google。

表行表现得像一个链接

1 个答案: