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

时间:2013-05-03 16:10:24

标签: ruby-on-rails twitter-bootstrap modal-dialog

我遇到了Twitter bootstrap& amp; Rails数据远程链接。

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

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

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

我有什么方法可以在指定的链接上转换远程轨道或者它实际上是另一个问题吗?

1 个答案:

答案 0 :(得分:5)

根据莫代尔的Bootstrap文档: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"}