-1

Twitterブートストラップモーダルで特定のページを開くにはどうすればよいですか?

私はこのページを持っています

NewUser.aspx

div を含み、マスターページのナビゲーション メニューを継承します。

モーダルのテキスト ボックスとボタンを含む div を開きたいだけです。

私はこれを試しました

 <a data-target="#"  class="quick-btn" data-toggle="modal" href="/SystemSettings/NewUser.aspx" ></a>

JS

 $(document).ready(function() {
        $('[data-toggle="modal"]').click(function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            if (url.indexOf('#') == 0) {
                $(url).modal('open');
            } else {
                $.get(url, function(data) {
                    $('<div class="modal hide fade">' + data + '</div>').modal();
                }).success(function() { $('input:text:visible:first').focus(); });
            }
        });
    });
4

1 に答える 1

2

代わりにこれを試してください：

マークアップ:

DIV次のように、モーダル コンテンツを表示するプレースホルダーを作成します。

<a data-target="#myModal" class="quick-btn" data-toggle="modal" href="/SystemSettings/NewUser.aspx">Click Me</a>
<div class="modal hide fade" id="myModal">
</div>

JavaScript:

.aspx次のように、ページのコンテンツを に追加しますiframe。

$(document).ready(function() {
    $('[data-toggle="modal"]').click(function(e) {
        e.preventDefault();
        var url = $(this).attr('href');
        $(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="no" allowtransparency="true" src="'+url+'"></iframe>')
    });
});
于 2013-07-30T19:11:56.487 に答える