Jquery 对于第二次迭代,不在主视图中加载局部视图
我有一个主页,从中我加载了一个对话,其中我加载了一个主视图和一个部分视图到一个div元素中。 i、 e.主页->单击链接-->打开对话框-->将主视图加载到Div元素-->将部分视图加载到主视图中的Div元素 问题:对于第一次迭代,flow可以正常工作,而对于第二次迭代,仅局部视图无法渲染 对于第一次迭代,部分视图被加载到Jquery 对于第二次迭代,不在主视图中加载局部视图,jquery,jquery-ui,Jquery,Jquery Ui,我有一个主页,从中我加载了一个对话,其中我加载了一个主视图和一个部分视图到一个div元素中。 i、 e.主页->单击链接-->打开对话框-->将主视图加载到Div元素-->将部分视图加载到主视图中的Div元素 问题:对于第一次迭代,flow可以正常工作,而对于第二次迭代,仅局部视图无法渲染 对于第一次迭代,部分视图被加载到SkillresultDiv元素中。但是,当用户关闭对话框并再次打开时,仅部分视图无法加载。你知道我错过了什么吗?但当我移动到不同的页面,再次回到同一页面时,一切正常 Main
SkillresultDiv
元素中。但是,当用户关闭对话框并再次打开时,仅部分视图无法加载。你知道我错过了什么吗?但当我移动到不同的页面,再次回到同一页面时,一切正常
Main.cshtml文件
<div>
@Html.ActionLink("UpdateSkill", "AddNewSkill", "Manager", new { @class = "mypopup" })
</div>
<script src="~/Scripts/DMPScript/Manager.js"></script>
Inside Manager.js file
$('.mypopup').click(function () {
debugger;
var fname = $("#FirstName").val();
var lname = $("#LastName").val();
$('<div/>').appendTo('body').dialog({
close: function (event, ui) {
},
modal: true,
height: 'auto',
width: 800,
closeOnEscape: false,
position: { my: "top", at: "top", of: window },
title: 'Add/View Skill - ' + lname +',' + fname
}).load(this.href, {});
return false;
});
inside Mainskillview.cshtml
<div id="SkillresultDiv"></div>
<script src="~/Scripts/DMPScript/AddEditSkill.js"></script>
Partial view gets load into the above tag, and the code for that is included in the AddEditskill.js script
$(document).ready(function () {
getSkillinfo();
});
function getSkillinfo() {
debugger;
$('#SkillresultDiv').html('');
var id = $('#ResourceId').val();
var request = $.ajax({
url: "/Manager/Getskillinfo",
type: "POST",
data: {
Rid: id
},
});
request.done(function (result) {
if (result != null) {
$('#SkillresultDiv').html(result);
}
else {
$('#noResultErrorMsg').removeProp('hidden');
}
});
request.fail(function (jqXHR, textStatus) {
$('#SkillresultDiv').html(jqXHR.responseText);
});
}
@ActionLink(“UpdateSkill”,“AddNewSkill”,“Manager”,new{@class=“mypopup”})
内部Manager.js文件
$('.mypopup')。单击(函数(){
调试器;
var fname=$(“#FirstName”).val();
var lname=$(“#LastName”).val();
$('').appendTo('body')。对话框({
关闭:功能(事件、用户界面){
},
莫代尔:是的,
高度:“自动”,
宽度:800,
closeOnEscape:错误,
位置:{my:“top”,at:“top”,of:window},
标题:“添加/查看技能-”+lname+”、“+fname”
}).load(this.href,{});
返回false;
});
内置Mainskillview.cshtml
部分视图加载到上述标记中,其代码包含在AddEditskill.js脚本中
$(文档).ready(函数(){
getSkillinfo();
});
函数getSkillinfo(){
调试器;
$('#SkillresultDiv').html('');
var id=$('#ResourceId').val();
var请求=$.ajax({
url:“/Manager/Getskillinfo”,
类型:“POST”,
数据:{
里德:身份证
},
});
请求完成(函数(结果){
如果(结果!=null){
$('SkillresultDiv').html(结果);
}
否则{
$('noResultErrorMsg')。removeProp('hidden');
}
});
请求失败(函数(jqXHR,textStatus){
$('SkillresultDiv').html(jqXHR.responseText);
});
}
我已经修复了这个问题,方法是将保存部分html页面的Div元素置为空。i、 e.清空部分元素,并重新加载html内容。请使用代码更新,以便所有人都能轻松地格式化和阅读。注释块对于很多代码来说都不是很容易阅读的