【问题标题】:Add a link to a table row that opens URL to a new window添加指向打开新窗口 URL 的表行的链接
【发布时间】:2020-04-01 07:34:16
【问题描述】:

我已经尝试了许多线程,但到目前为止我无法让它工作。

我得到了可点击到新 URL 的行,但它在同一个选项卡中打开,this 有效。 但是,我希望 URL 在新选项卡中打开。我试过thisthis 但没有运气。

我什至尝试将第一个选项从window.location 修改为window.open,但它没有响应。

jQuery(document).ready(function($) {
    $(".click-row").click(function() {
        window.open($(this).data("href"));
    });
});
    <table> 
       <tbody>
          <tr class='click-row' data-href="/Documents/files/file.pdf"> 
             <td>Link to file</td> 
          </tr> 
      </tbody> 
    </table>

【问题讨论】:

  • 试试这个:window.open($(this).data("href"), "_blank");
  • 试试这个window.open($(this).data("href"), '_blank');
  • 其实你的代码对我来说运行良好
  • @annoyingmouse 我以为我已经尝试了一百次,但显然没有。这很好用!非常感谢大家!
  • @BadPiggie 我在我使用的代码中真的找不到错误。不知道为什么它对我不起作用...但是感谢您的关注!

标签: javascript jquery html


【解决方案1】:

始终使用 target="_blank" 在新标签中打开 URL

<table> 
       <tbody>
          <tr class='click-row' data-href="/Documents/files/file.pdf" target="_blank"> 
             <td>Link to file</td> 
          </tr> 
      </tbody> 
    </table>

【讨论】:

  • 这仅用于锚标签&lt;a&gt;,它不会以任何方式影响OP的jquery代码。不知道为什么这得到了赞成
猜你喜欢
  • 2012-04-12
  • 2013-05-31
  • 1970-01-01
  • 2013-06-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-09
  • 2012-07-27
相关资源
最近更新 更多