2012-04-15 10 views
3

http://のファイルをモーダルウィンドウに読み込む方法はありますか?以下のようなbootstrap modal HTTPファイルをロードする方法

somenthing:私は分離さjsの方法でそれを行うことができます

明らか
<a class="btn btn-info btn-large" data-toggle="modal" href="#http://localhost/login.html"> <i class="icon-user icon-white"></i> Login </a> 

((jQueryの負荷など))しかし、私は、新しいJSを実装せずにそれをするためにどんな可能性があるかどうかを知りたいです。

+1

通常は、AjaxでURLをロードし、.html()を使用してモーダル・ボディの内容をレスポンスに置き換えます。多くの場合、非常に便利な回避策ではないので、私は他の提案も聞きたいと思います。 – periklis

+0

@periklisこれは私がやったことです、私も良い選択肢(ブートストラップの自己選択肢はすばらしくすべきです!!)fancybox jquery pluginはmodals内のすべてを読み込むのにとても良いです(iframe、ファイル、htmlなど)、この機能は私が思うブートストラップモーダルで実装する必要があります:P – sbaaaang

+1

https://github.com/twitter/bootstrap/issues/936のコメントを参照してください – Muhd

答えて

0

IDを持つiFrameを作成し、login.htmlを読み込みます。 iFrameのIDをhref="#iFrameId"のようなモーダルに付けてください。このiFrameはアンカーと同じHTMLファイル内にある必要があります。

+1

私はiframeが最悪の解決策だと思う:P – sbaaaang

+0

@Badaboooooom *あなたのページの中に*別のページを読み込む*。あなたがそれをどのように置いても、それはiframeの仕事です。 – Christian

+0

@Christian nope、もし私がiframeではなくページの内容を読み込めないのであれば、通常はjquery load()を使っているのでしょうか... ..ブートストラップがload()をネイティブに許可するかどうか疑問に思う – sbaaaang

関連する問題