为什么这种模态背景渲染但不是模态对话?

时间:2016-10-12 19:37:34

标签: javascript jquery asp.net-mvc visual-studio bootstrap-modal

感谢阅读。我爱你们。

我有一个JavaScript函数,它应该加载与AJAX的模态对话并在我所在的页面上显示它。它正在某些层面上工作 - 正在接收AJAX html并将其加载到页面中,当按下应该启动对话框的按钮时,模式背景会弹出。然而,对话本身并没有渲染。我对JavaScript很新,这个项目肯定教会了我很多,但如果你们都有一些建议和建议,我会非常感激。

这是JavaScript部分 - 应加载到顶部div。

<div id="loadModal">
</div>

@Html.Partial("_InspectionSubNav", "InspectionSub")
<div id="contents">
<h2>Inspections</h2>
@if (Authorizer.Authorize(Enertrek.Inspections.Permissions.AssignInspection))
{
<div class="box_rounded">
    @Html.Partial("_TableLoader", "AssignInspectionTable")
</div>
}

<script>
function myFunc(x) {
    var thisurl = '@HttpUtility.JavaScriptStringEncode(Url.Action("GetAssignInspectorModal", "Inspection", new {area = "Enertrek.Inspections" }))' + '/' + x;
    $(document).ready(function () {
        $('.p3table-loader').on("click", '.singleAction a', function () {
            //helper.Action("GetAssignInspectorModal", "Inspection", new { id = entity.Id, area = "Enertrek.Inspections" });
            $.ajax({
                method: 'POST',
                url: thisurl,
                success: function (data) {
                    $('#loadModal').html(data);
                    $('#loadModal').modal({
                        toggle: false,
                        show: true
                    });
                }
            });
        });
    });
}




 </script>

如果人们认为这会有所帮助,我也可以从检查员那里提取HTML - 现在有很多内容,这会使这篇文章显着延长。

0 个答案:

没有答案