在页面加载时打开模式 - RoR 和 Jquery答案

【问题标题】：Open modal on page load - RoR and Jquery在页面加载时打开模式 - RoR 和 Jquery
【发布时间】：2014-06-19 22:54:14
【问题描述】：

我在打开模式的表单中有一个链接：

<% if action_name == "new" %>
  <div>
     <%= link_to 'Open Modal', search_samples_samples_path, {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}  %>
  </div>
<% end %>

我现在要做的是，当表单打开/加载时，直接打开模态，无需点击链接。

最好的方法是什么？

【问题讨论】：

你可以通过 jquery/javascript 来完成。为链接分配一个类并将其隐藏（如果需要）。每当页面加载.. $(document).ready 在 jquery 中，使用链接类，在页面加载时加载它。我说清楚了吗？
如何加载链接？
read the documentation: $("#modal-window").modal("show")
试试这个$(".yourButtonClassName").trigger("click");，让我知道它是否有效

标签： javascript jquery ruby-on-rails twitter-bootstrap bootstrap-modal

【解决方案1】：

感谢您的建议，它适用于：

$(document).ready(function() {  
 document.getElementById('pcrmodal').click();
});

我将“id”部分添加到链接元素中，并将其也隐藏（显示：无）：

<%= link_to 'PCR Anterior?', search_samples_samples_path, {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window', 'id' => 'pcrmodal', 'style' => 'display:none'}  %>

再次感谢您的反馈。

【讨论】：

【解决方案2】：

如果你正在使用，只需使用引导程序提供的 .modal() 函数

$("#modal-window").modal()

【讨论】：