打开新标签页onclick表格行-插件

Question

我使用一个插件，因此当我单击表格行时会转到该URL。 现在可以正常使用，但我希望将其作为新选项卡打开。 我知道“ window.open（'urlhere'，'_ blank'）;“ 将网址打开到新标签页中，但我不知道应将其放在哪里。 有谁知道该插件的使用方法或经验？

我使用的插件： 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();
});