Question

我目前正在使用MVC C＃构建一个webapp。我想打开一个弹出窗口，用户可以在其中输入大量信息，这样他就可以创建一个新的用户＆＃39;。但是我很难让窗口弹出来。后来，我也想关闭窗户，虽然我怀疑在我拿到这个之后会遇到很多麻烦。以下是我目前的代码：

<button class='btn btn-lg btn-default giveMeSomeSpace leaveMeAlone createUser dialog' onclick='createNewApplication()'>Create a new application</button>

<div class="modal" id="modal-new-app" tabindex="-1" role="dialog" aria-labelledby="modal-new-app" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            ...
            <div class="modal-body">

            </div>
        </div>
    </div>
</div>
...

function createNewApplication() {
    $.ajax({
        url: '@Html.Raw(@Url.Action("Create", "User"))',
        success: function (data) {
            $("#modal-body").html(data);
        },
        cache: false
    });

    $('#modal-new-app').modal('show');

}

编辑：纠正了一个错字，虽然这不是错误。此外，我在Chrome开发工具控制台中收到的错误：

Uncaught TypeError: undefined is not a function

指的是

$('#modal-new-app').modal('show');

Answer 1

我和我的大学一直在寻找，我们让它发挥作用。

<div class="modal" id="modal-new-app" tabindex="-1" role="dialog" aria-labelledby="modal-new-app" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                    <button type="button" class="close cancel" data-dismiss="modal"><span aria-hidden="true">&times;</span>
                            <span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Create a new user</h4>
                </div>
            <div class="modal-body">

            </div>
        </div>
    </div>
</div>

$(document).ready(function () {
     createNewApplication();
     $('#tableApps').DataTable();

});

function createNewApplication() {
    $.get('@Html.Raw(@Url.Action("Create", "UserIS"))', function (data) {
        $('#modal-new-app .modal-body').html(data);           
    });
}

打开Ajax Modal时出错

1 个答案: