ruby-on-rails – 使用bootstrap模式的turbolinks问题

发布时间：2020-12-16 23:34:07 所属栏目：百科来源：网络整理

导读：我做这样的模态：显示模态的链接： %= link_to "vers?o resumida",resumed_rep_life_animal_path(animal,:partial = true),'data-toggle' = 'modal','data-target' = '#myModal','data-no-turbolink' = true % 模态html本身： div class="modal hide fade"

我做这样的模态：

显示模态的链接：

<%= link_to "vers?o resumida",resumed_rep_life_animal_path(animal,:partial => true),'data-toggle' => 'modal','data-target' => '#myModal','data-no-turbolink' => true %>

模态html本身：

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-body"></div>
  <div class="modal-footer">
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Fechar</button>
  </div>
</div>

但是,数据无涡轮连接不能按预期工作.如果我刷新页面,它可以正常工作,但是,当我使用turbolinks浏览页面时,看起来像数据 – 无涡轮链接只是被忽略.

难道我做错了什么？我有一些模态,如我的应用程序中的示例,不想删除它们,也不想删除turbolinks …

提前致谢.

解决方法

data-no-turbolinks不是这里的问题……

看来bootstrap js开箱即用只监视document.ready,而bootstrap JS可能需要修改以检查页面：加载以及

Look at line 222

这将仅在包含引导程序的第一个请求时触发.它需要修改为在页面上触发：加载.

我可以提出的一个建议是使用gem’twitter-bootstrap-turbo’来获取引导程序.这是twitter-bootstrap-rails的一个分支,增加了turbolinks处理程序.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!