html - 如何在 Rails 中单击按钮时打开一个新选项卡？

Question

我有一个将用户导航到另一个页面的按钮。（它必须是按钮而不是链接）。我想在新标签页（甚至新窗口！）中打开页面。我必须使用 JavaScript 吗？或者有没有其他方法！我会感谢你的帮助。

干杯。

score 16 · Accepted Answer

要扩展建议在 Rails 中使用 `target="_blank" 的答案...

如果您正在使用button_to帮助程序，它会被 Rails 自动包装在一个表单中。它form是需要这个属性的标签。要获取它，请将其作为 html 选项哈希中的值传递，例如：

button_to t(:translated_text), foo_path(foo.id), class: 'btn btn-primary', form: {target: '_blank'}

class:和form:是html_options散列的元素。这个form:选项很特别，因为它告诉 Rails 你想将 HTML 选项传递给form标签，而不是input按钮本身的标签。

score 0 · Accepted Answer

使用 javascript，这会选择所有具有 href 属性的按钮

$("button[href]").click(function() {
   window.open($(this).attr('href'));
});

这实际上会打开一个新窗口，但我认为当浏览器强制它在新选项卡中打开时，它将在新选项卡中打开。

干杯!

score 0 · Accepted Answer

这是一个html问题。如果您想使用按钮而不是链接，您可以按此处所述为表单提供目标属性：http: //www.w3schools.com/tags/att_form_target.asp

score 0 · Accepted Answer

0

$('#btn').click(function(){
   window.open('pageName');

})

于 2012-08-01T07:51:17.543 回答

score 0 · Accepted Answer

target="_blank"是你想要的，但它只适用于表单和链接。

您可以很容易地为链接设置样式，使其看起来像一个带有 css 的按钮，这将是实现您所追求的最简洁的方式。

除非您的按钮在表单中，否则您可以添加target="_blank"到表单中，它应该可以工作。

5 回答 5