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

标签 ruby-on-rails-4 modal-dialog bootstrap-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' },但链接未打开。

谢谢。

最佳答案

可以建议您解决方案,

如果你像这样尝试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'
%>

替代您可以使用 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'

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

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

关于ruby-on-rails-4 - 在新浏览器选项卡/窗口中打开链接时关闭模式对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32648716/

相关文章:

swing - 非阻塞模态 Swing 进度对话框

javascript - 当第二个模式关闭时第一个模式滚动隐藏

css - Bootstrap 模态图像背景

angular5 - ngFor 总是返回数组中第一个对象的 id

jquery - bootstrap 4 模式在调用隐藏后未关闭

javascript - Bootstrap Carousel(如何加载 javascript?)

ruby - 使用 Rails 4 和 Devise 3.1.0 登录子域

javascript - 对话框点击jquery获取html跨度值

css - 将单选按钮的标签放在按钮旁边

css - React on Rails 错误导入 CSS