Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 对于第二次迭代,不在主视图中加载局部视图_Jquery_Jquery Ui - Fatal编程技术网

Jquery 对于第二次迭代,不在主视图中加载局部视图

Jquery 对于第二次迭代,不在主视图中加载局部视图,jquery,jquery-ui,Jquery,Jquery Ui,我有一个主页,从中我加载了一个对话,其中我加载了一个主视图和一个部分视图到一个div元素中。 i、 e.主页->单击链接-->打开对话框-->将主视图加载到Div元素-->将部分视图加载到主视图中的Div元素 问题:对于第一次迭代,flow可以正常工作,而对于第二次迭代,仅局部视图无法渲染 对于第一次迭代,部分视图被加载到SkillresultDiv元素中。但是,当用户关闭对话框并再次打开时,仅部分视图无法加载。你知道我错过了什么吗?但当我移动到不同的页面,再次回到同一页面时,一切正常 Main

我有一个主页,从中我加载了一个对话,其中我加载了一个主视图和一个部分视图到一个div元素中。 i、 e.主页->单击链接-->打开对话框-->将主视图加载到Div元素-->将部分视图加载到主视图中的Div元素

问题:对于第一次迭代,flow可以正常工作,而对于第二次迭代,仅局部视图无法渲染

对于第一次迭代,部分视图被加载到
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内容。

请使用代码更新,以便所有人都能轻松地格式化和阅读。注释块对于很多代码来说都不是很容易阅读的