3

asp.net プロジェクトで Twitter ブートストラップを使用しています。上部にメニュー バーがあります。一部のメニュー項目は、外部 HTML コンテンツを含むモーダルを開くことになっています。モーダルになるdivにiFrameを入れてみました。これは、モーダル ウィンドウを外部 HTML ページのコンテンツに合わせて自動サイズ変更できないという点でうまく機能しません。

モーダル ウィンドウを外部コンテンツまたは Twitter ブートストラップで正しく動作するその他の jQuery プラグインで正しく使用する方法に関する推奨事項があるかどうか知りたいです。

前もって感謝します。

4

2 に答える 2

3

他の誰かが Google からここに来た場合に備えて... http://blog.assimov.net/blog/2012/03/09/ajax-content-in-twitter-bootstrap-modal/が役に立ちました。

関連するコード (ブログからコピーしたものであり、クレジットを主張するものではありません):

<a class="btn" href="/path/to/your/page.html" data-toggle="modal" data-target="#myModal">Launch Modal</a>

<div class="modal fade" id="myModal"></div>

$("a[data-toggle=modal]").click(function() {
  var target, url;
  target = $(this).attr('data-target');
  url = $(this).attr('href');
  return $(target).load(url);
});
于 2013-08-13T05:29:51.237 に答える
1

https://github.com/jshr/bootstrap-modal

ajax 経由でコンテンツを読み込むことができます。私はこれを個人的に使用しています。また、お気軽にwww.bootsnipp.comをチェックしてください。これを含む優れたリソースがそこにあります。

于 2013-04-03T12:50:30.013 に答える