Rails与bootstrap远程模式的远程冲突

Question

我遇到了Twitter bootstrap和Rails数据远程链接的问题.

我加载模态内容data-remote="/path/to/data".一切都按我的要求工作但是要创建两个请求.

= link_to '#myModal', 'Click here', data: {toggle: 'modal', remote: '/path'}

第一个是rails data-reomte,它向我所在的页面发出请求,然后在该引导程序发出他的请求并显示模态.

有没有什么方法可以在指定的链接上转动rails远程或者它实际上是另一个问题？

Answer 1

根据Modal上的Bootstrap doc:http://twitter.github.io/bootstrap/javascript.html#modals

如果您正在使用数据api,您也可以使用href标记指定远程源.这方面的一个例子如下所示:

<a data-toggle="modal" href="remote.html" data-target="#modal">click me</a>

因此,您可以通过禁用Rails UJS数据api并使用Bootstrap来满足您的请求.像这样

<a data-toggle="modal" href="remote.html" data-target="#modal" 
data-remote="false">click me</a>

在你的情况下.服务器端代码

= link_to 'Click here', '/path_for_bootstrap',
    data: {toggle: 'modal', remote: false, target: "#myModal"}

更新或更好,根本无需定义remote,因为没有人需要它,无论是Bootstrap还是UJS!

= link_to 'Click here', '/path_for_bootstrap',
    data: {toggle: 'modal', target: "#myModal"}