感谢阅读。我爱你们。
我有一个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 - 现在有很多内容,这会使这篇文章显着延长。