如何将表格行链接到另一个框架?

时间:2017-03-24 12:15:55

标签: jquery html

我正在使用jQuery并希望将表行链接到另一个目标帧。

表格行:

<tr data-href="home.html" target="content"><td><h3><center>Home</h3></td></tr>

使用:

jQuery(document).ready(function() {
    $("tr").on({
        click: function() {
            window.location = $(this).data("href");
            $(this).css("background-color","blue");
        }
    });
});

但它会在同一帧中打开链接。

1 个答案:

答案 0 :(得分:0)

设置window.location属性时,它会更改当前窗口的位置,而不是任何特定帧。

假设您<iframe>的{​​{1}}属性设置为“内容”,则需要将name功能更改为:

click
jQuery(document).ready(function() {
  $("tr").on({
    click: function() {
      $("iframe[name='content']").attr("src", $(this).data("href"));
      $(this).css("background-color", "blue");
    }
  })
});