7

モーダル ウィンドウにページ (内部 URL) を読み込む必要があります。window.showModalDialog(url, null, features) を使用していましたが、これは Safari、Chrome では正しく機能しません。そのため、代わりに Bootstrap のモーダル ダイアログを使用することにしました。私はこれを機能させることができません。私が間違っている可能性のあるアイデアはありますか？

    //imports
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">


    //activate content as modal
      $(document).ready(function(){
            $('#test_modal').modal({

                });
    }

    .......
    .......

    $("#btnSubmit").click(function(){
     var url = constructRequestURL();
      $('#test_modal').modal(data-remote=url,data-show="true");
    });


    -----
    -----
    <div class="modal fade" id="test_modal">
</div>
4

2 に答える 2

0

または、ファンシーボックスを使用することもできます。そのシンプルできれい。

こちらをご覧ください: http://fancyapps.com/fancybox/3/docs/#ajax

<a data-fancybox data-type="ajax" data-src="my_page.com/path/to/ajax/" href="javascript:;">
AJAX content

于 2017-09-02T09:55:43.487 に答える