0

私はTwitterブートストラップを使用するRailsサイトで作業しています。

ユーザーがリンクをクリックすると、サイトはajax呼び出しをコントローラーに送信し、コントローラーはパーシャル（モーダル）をレンダリングします。

.jsファイル：

$ ->
    $('#play').click (e) ->
        e.preventDefault()
        $.post "/hype", (data) ->
            $("#hhh").html data //a dummy div to put the data (I dont use this)

アイテムコントローラー：

def hype_modal
    @item = Item.where(:end => Time.zone.now .. '2040-12-28 08:08:00').order("launch ASC").limit(1).first #Item.find_by_rank(1)
    render "items/partial/_hypemodal"
  end

パーシャル（モーダル）（items / partial / _hypemodal.html.erb）

<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="tr">
    <div class="modal-body"><%= raw @item.link %></div>
</div>

リンクは問題なく機能します（クリックするとモーダルが開きます）。問題は、モーダルの外側をクリックしても閉じないことです（これは通常の動作なので、機能するはずです...）。もう1つの問題は、背景が暗くならない（暗くなる）ことです。

助言がありますか？

4

1 に答える 1

0

これを試して

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="tr">
<div class="modal-body"><%= raw @item.link %></div>

最終的な問題について、コンソールからエラーが発生していますか?

于 2012-12-08T18:42:05.333 に答える