如何使用 data-href 新建选项卡

9 浏览
0 Comments

如何使用 data-href 新建选项卡

我正在使表格行可点击,但一旦被点击,我想打开一个新选项卡。我尝试使用data-target,但那不起作用。

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

这应该能够正常工作。它将打开新的标签页；

HTML

  

        

          something

JavaScript

  $(document).ready(function ($) {
    $(".table-row").click(function () {
        window.open($(this).data("href"), $(this).data("target")); // Open new tab line
    });
});

0
0 Comments

这样可以完成：

jQuery: JSFiddle 1

$('.table-row').each(function() {
  var $th = $(this);
  $th.on('click', function() {
    window.open($th.attr('data-href'), $th.attr('data-target'));
  });
});

Pure JS: JSFiddle 2

var tableRows = document.getElementsByClassName('table-row');
for (var i = 0, ln = tableRows.length; i < ln; i++) {
  tableRows[i].addEventListener('click', function() {
    window.open(this.getAttribute('data-href'), this.getAttribute('data-target'));
  });
}

0