turbolinks与bootstrap模式的问题

我做这样的模态:

显示模态的链接:

 true), 'data-toggle' => 'modal', 'data-target' => '#myModal', 'data-no-turbolink' => true %> 

模态html本身:

  

但是, data-no-turbolink按预期工作。 如果我刷新页面,它可以正常工作,但是,当我使用turbolinks浏览页面时,看起来像data-no-turbolink只是被忽略。

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

提前致谢。

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

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

看看222行

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

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

正如davydotcom所说,模态不起作用的原因是因为它们被绑定到$(document).ready而不是$(document).on('page:change') ,这就是turbolinks使用的。

jquery-turbolinks gem将使它成为现成的调用也将响应turbolink的页面:更改调用。

第1步:将gem jquery-turbolinks添加到您的Gemfile中。

第2步:按以下顺序将其添加到JavaScript清单文件中:

 //= require jquery //= require jquery.turbolinks //= require jquery_ujs // // ... your other scripts here ... // //= require turbolinks 

第3步:重新启动服务器。 繁荣!