6

Twitter のブートストラップと Rails のデータ リモート リンクに問題があります。

でモーダルコンテンツをロードしdata-remote="/path/to/data"ます。すべてが思い通りに機能しますが、2 つのリクエストを作成します。

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

最初は Rails data-reomte で、私がいるページにリクエストを送信した後、ブートストラップがリクエストを作成し、モーダルが表示されます。

指定されたリンクでレールリモートを無効にする方法はありますか、それとも実際には別の問題ですか?

4

1 に答える 1

5

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"}
于 2013-05-03T16:25:36.690 に答える