打开新标签页 onclick table 行 - 插件

Question

我使用了一个插件，所以当我点击 table 行时，它会转到 url 行。现在这工作正常，但我希望它作为一个新选项卡打开。我知道“window.open('urlhere','_blank');”在新选项卡中打开 url 但我不知道应该把它放在哪里。有谁知道这个插件如何使用或有使用经验吗？

我使用的插件：https://github.com/DeOldSax/clickable-tr-jquery

插件代码：

   (function ( $ ) {

var disableClickClass = 'disable-row-click';
var defaults = {};
var settings;

$.fn.clickableTable = function( options ) {
    settings = $.extend( defaults, options);

    var rows = this.find('tr[data-href], tr[data-event]');

    rows.css("cursor", "pointer");
    rows.find("td." + disableClickClass).css("cursor", "default");

    addClickEvent(rows);

    return this;
};

function addClickEvent(rows) {
    rows.click(function(e) {
        if (notClickable(e)) {
            return;
        }

        var dataEvent = $(this).data("event");
        if ( dataEvent ) {
            if (settings && settings[dataEvent]) {
               settings[dataEvent].call( this, e );
            } else {
                var fun = window[dataEvent];
                if ( typeof fun === "function" ) {
                    fun.call( this, e );
                }
            }
        }

        var dataHref = $(this).data("href");
        if ( dataHref ) {
            var isRemote = $(this).data("remote");

            var id = "uniquy-id-id";
            var aTag = buildATag(id, dataHref, isRemote);
            document.getElementById(id).click();
            aTag.remove();
        }
    });
}

function notClickable(e) {
    var target = $(e.target);
    return e.target.localName == 'a' ||
        e.target.localName == 'button' ||
        target.hasClass(disableClickClass) ||
        target.closest('td').hasClass(disableClickClass);
}

function buildATag(id, dataHref, isRemote) {
    var a = $('<a></a>');
    a.css('display', 'none');
    a.attr('data-remote', isRemote);
    a.attr('href', dataHref);
    a.attr('id', id);
    a.insertAfter($("body"));
    return a;
}

}( jQuery ));

Answer 1

只需使用此代码：jsFiddle

$("tr").click(function(){
    var $href = $(this).data("href");
    window.open($href,'_blank');
});

排除最后一个 td 元素：jsFiddle

$("tr").click(function(){
    var $href = $(this).data("href");
    window.open($href,'_blank');
});
$("tr > td:last-child").click(function(event){
    event.stopPropagation();
});

打开新标签页 onclick table 行 - 插件

Open new tab onclick table row - plugin

javascript

jquery

jquery-plugins