在新浏览器 tab/window 中打开 link 时关闭模式对话框

Question

我想在用户点击 "Open ticket" 时关闭 模态 bootstrap 对话框 ，这又会打开一个新的浏览器 window/tab. 这是我的按钮：

<%= link_to content_tag(:i, '', class: "fa fa-ticket") + "Open ticket",
      "https://link.to/another/company/url",
      target: '_blank',
      class: 'btn btn-default' 
%>

这工作正常，但是当返回到调用页面时，模式仍然打开。

我尝试添加 data: { dismiss: 'modal' }，但是 link 没有被打开。

谢谢。

Answer 1

可以给你建议解决方案，

如果你这样尝试data: { dismiss: 'modal' }你应该这样尝试

<%= link_to content_tag(:i, '', class: "fa fa-ticket") + "Open ticket",
      "https://link.to/another/company/url",
      target: '_blank',
      class: 'btn btn-default',
      data-dismiss: 'modal'
%>

Alternate 你可以用 jQuery 做，因为你有 class 选择器在这里 class: 'btn btn-default' 按钮打开 link

<%= link_to content_tag(:i, '', class: "fa fa-ticket") + "Open ticket",
      "https://link.to/another/company/url",
      target: '_blank',
      class: 'btn btn-default' 
%>

添加客户选择器，例如 close-modal，如 class: 'btn btn-default close-modal'

并将 jQuery 与选择器 close-modal 绑定以在单击按钮时关闭模式。

$(document).ready(function() {
    $('.close-modal').click(function(){
        $('#modalid').modal('hide');  //change #modalid to your bootstrap modal id
    });
});