Question

当用户点击“打开票证”时，我想关闭模态引导程序对话框，然后打开一个新的浏览器窗口/选项卡。这是我的按钮：

<%= 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' }，但之后链接未被打开。

感谢。

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: 'btn btn-default'按钮来打开链接

<%= 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'

并使用选择器close-modal绑定jQuery，以便在单击按钮时关闭模式。

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

在新浏览器选项卡/窗口中打开链接时关闭模式对话框

1 个答案: