загрузить содержимое в модальное состояние после отправки формы

Question

Я хочу загрузить содержимое в результирующий div, который находится внутри модального тела после отправки формы и после показа модального окна, но я не могу понять проблему. когда я хочу загрузить содержимое в div результата вне модального режима, это работает, но когда я использую div результата внутри модального режима, это не так. пока это мой код:

HTML:

<div class="col-lg-12"> 
        <div class="row">            
                    <div id="form-content">
            <form method="post" id="reg-form" autocomplete="off" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
                <div id="monetarylayout" class="form-group">
                        <input class="form-control number" type="text" value="0" name="subjectvalue" id="txt_subjectvalue">
                </div>

                <div class="form-group">
                    <button class="btn btn-primary">submit</button>

                </div>
                        <input class="form-control number" type="text" value="0" name="coinquantity" id="txt_coinquantity" style="display:none"> <!--just to make the form post work-->


        </form>
                </div>
                    <!-- Modal -->
                    <div id="myModal" class="modal fade" role="dialog">
                        <div class="modal-dialog">

                            <!-- Modal content-->
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                    <h4 class="modal-title">Modal Header</h4>
                                </div>
                                <div class="modal-body">
                                    <p>Some text in the modal.</p>
                                    <div id="result"></div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

JQuery:

  <script type="text/javascript">
    $(document).ready(function() {  

        // submit form using $.ajax() method

        $('#reg-form').submit(function(e){

            e.preventDefault(); // Prevent Default Submission

            $.ajax({
                url: 'testcontroller.php',
                type: 'POST',
                data: $(this).serialize() // it will serialize the form data
            })
            .done(function(data){
                        $('#myModal').modal(), function() {
                        // do something when the modal is shown    
                            $('#result').fadeIn('slow').html(data);
                        }


            })
            .fail(function(){
                alert('Ajax Submit Failed ...');    
            });
        });

    });
    </script>

Answer 1

я разобрался сам.я должен был добавить эти атрибуты к моей кнопке формы:

                            <button class="btn btn-primary" data-toggle="modal" data-target="#myModal">submit</button>

и отредактировать эту функцию следующим образом:

.done(function (data) {

                        $('#result').fadeIn('slow').html(data);

                    })