部分页面更新时Javascript出错
我有一些脚本需要在部分页面更改时运行。在第一次页面加载时，它似乎工作正常，但在部分页面更新后，javascript停止工作 第一次尝试： 我试图将javascript放在部分页面中，但它不起作用 第二次尝试： 我试着将javascript放在父页面上，从父页面上传部分页面 要加载部分页面的代码：部分页面更新时Javascript出错,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,我有一些脚本需要在部分页面更改时运行。在第一次页面加载时，它似乎工作正常，但在部分页面更新后，javascript停止工作 第一次尝试： 我试图将javascript放在部分页面中，但它不起作用 第二次尝试： 我试着将javascript放在父页面上，从父页面上传部分页面 要加载部分页面的代码： @Html.DropDownList("UserType", DirectCast(ViewBag.UserType, SelectList), New With {.onchange = "Chang
@Html.DropDownList("UserType", DirectCast(ViewBag.UserType, SelectList), New With {.onchange = "ChangeUserType(this.value)"})
<div id="renderTreeView">
@Html.Partial("_TreeView")
</div>
<script>
function ChangeUserType(UserType) {
$('#renderTreeView').load("/UserMaster/ChangePermission?iUserTypeID=" + UserType);
}
//And Somme of my other javascript function to create tree view
</script>
@Html.DropDownList（“UserType”，DirectCast（ViewBag.UserType，SelectList），新增为{.onchange=“ChangeUserType（this.value）”）
@Html.Partial（“_TreeView”）
函数ChangeUserType（用户类型）{
$（'#renderTreeView'）.load（“/UserMaster/ChangePermission？iUserTypeID=“+UserType”）；
}
//和我的另一个javascript函数的Somme来创建树视图
<script>
$(document).ready(function () {
$('#check-all').click(function () {
$("input:checkbox").attr('checked', true);
});
$('#uncheck-all').click(function () {
$("input:checkbox").attr('checked', false);
});
});
$(document).ready(function () {
$('.tree li').each(function () {
if ($(this).children('ul').length > 0) {
$(this).addClass('parent');
}
});
$('.tree li.parent > a').click(function () {
$(this).parent().toggleClass('active');
$(this).parent().children('ul').slideToggle('fast');
});
$('#all').click(function () {
$('.tree li').each(function () {
$(this).toggleClass('active');
$(this).children('ul').slideToggle('fast');
});
});
$('#Add').change(function () {
AddPermission();
});
$('#Change').change(function () {
AddPermission();
});
$('#Delete').change(function () {
AddPermission();
});
$('#View').change(function () {
AddPermission();
});
$('#Print').change(function () {
AddPermission();
});
});
function SetPageNumber(pageID) {
var PageID = document.getElementById("pageID");
PageID.value = pageID
var PermissionsofPage = document.getElementById(pageID).value
var AddCheck = PermissionsofPage.charAt(0);
var ChangeCheck = PermissionsofPage.charAt(1);
var DeleteCheck = PermissionsofPage.charAt(2);
var ViewCheck = PermissionsofPage.charAt(3);
var PrintCheck = PermissionsofPage.charAt(4);
checkUncheckCheckBoxes(AddCheck, ChangeCheck, DeleteCheck, ViewCheck, PrintCheck)
}
function checkUncheckCheckBoxes(AddCheck,
ChangeCheck,
DeleteCheck,
ViewCheck,
PrintCheck) {
//$('#Permission input:checked').removeAttr('checked');
if (AddCheck == 1) {
$('#Add').attr('checked', true);
}
else {
$('#Add').removeAttr('checked');
//$('#Add').attr('checked', false);
}
if (ChangeCheck == 1) {
$("#Change").attr("checked", true);
}
else {
$("#Change").attr("checked", false);
}
if (DeleteCheck == 1) {
$("#Delete").attr("checked", true);
}
else {
$("#Delete").attr("checked", false);
}
if (ViewCheck == 1) {
$("#View").attr("checked", true);
}
else {
$("#View").attr("checked", false);
}
if (PrintCheck == 1) {
$("#Print").attr("checked", true);
}
else {
$("#Print").attr("checked", false);
}
}
function AddPermission() {
var PageIDPermission = document.getElementById("pageID").value;
var Permissions
if ($("#Add").is(":checked")) {
Permissions = "1"
}
else {
Permissions = "0"
}
if ($("#Change").is(":checked")) {
Permissions = Permissions += 1
}
else {
Permissions = Permissions += 0
}
if ($("#Delete").is(":checked")) {
Permissions = Permissions += 1
}
else {
Permissions = Permissions += 0
}
if ($("#View").is(":checked")) {
Permissions = Permissions += 1
}
else {
Permissions = Permissions += 0
}
if ($("#Print").is(":checked")) {
Permissions = Permissions += 1
}
else {
Permissions = Permissions += 0
}
var toSet = document.getElementById(PageIDPermission)
toSet.value = Permissions
}
</script>
$（文档）.ready（函数（）{
$（“#全部选中”）。单击（函数（）{
$（“输入：复选框”）.attr（'checked'，true）；
});
$（“#全部取消选中”）。单击（函数（）{
$（“输入：复选框”）.attr（'checked'，false）；
});
});
$（文档）.ready（函数（）{
$（'.tree li'）。每个（函数（）{
if（$（this）.children（'ul'）。长度>0）{
$（this.addClass（'parent'）；
}
});
$（'.tree li.parent>a'）。单击（函数（）{
$（this.parent（）.toggleClass（'active'）；
$（this）.parent（）.children（'ul'）.slideToggle（'fast'）；
});
$（“#全部”）。单击（函数（）{
$（'.tree li'）。每个（函数（）{
$（this.toggleClass（'active'）；
$（this）.children（'ul'）.slideToggle（'fast'）；
});
});
$（'#Add'）。更改（函数（）{
AddPermission（）；
});
$（'#Change'）。更改（函数（）{
AddPermission（）；
});
$（'#Delete'）。更改（函数（）{
AddPermission（）；
});
$（'#视图'）。更改（函数（）{
AddPermission（）；
});
$（'#Print'）。更改（函数（）{
AddPermission（）；
});
});
函数SetPageNumber（pageID）{
var PageID=document.getElementById（“PageID”）；
PageID.value=PageID
var PermissionsofPage=document.getElementById（pageID）.value
var AddCheck=PermissionsofPage.charAt（0）；
var ChangeCheck=许可证第页字符（1）；
var DeleteCheck=许可证页字符（2）；
var ViewCheck=权限页字符（3）；
var PrintCheck=许可证页字符（4）；
CheckUncheckCheckBox（添加检查、更改检查、删除检查、查看检查、打印检查）
}
功能检查取消选中检查框（添加检查，
兑换支票，
删除检查，
查看检查，
打印检查）{
//$（“#权限输入：选中”）.removeAttr（'checked'）；
如果（AddCheck==1）{
$（'#Add'）.attr（'checked'，true）；
}
否则{
$（'#Add'）.removeAttr（'checked'）；
//$（'#Add'）.attr（'checked'，false）；
}
如果（ChangeCheck==1）{
$（“#更改”）.attr（“选中”，为真）；
}
否则{
$（“#更改”）.attr（“选中”，false）；
}
如果（DeleteCheck==1）{
$（“#删除”）.attr（“选中”，为真）；
}
否则{
$（“#删除”）.attr（“选中”，false）；
}
如果（ViewCheck==1）{
$（“#视图”）.attr（“选中”，为真）；
}
否则{
$（“#视图”）.attr（“选中”，false）；
}
如果（打印检查==1）{
$（“#打印”）.attr（“选中”，为真）；
}
否则{
$（“#打印”）.attr（“选中”，假）；
}
}
函数AddPermission（）{
var pagedPermission=document.getElementById（“pageID”）.value；
var权限
如果（$（“#添加”）。为（“：选中”））{
权限=“1”
}
否则{
权限=“0”
}
如果（$（“#更改”）。为（“：选中”））{
权限=权限+=1
}
否则{
权限=权限+=0
}
如果（$（“#删除”）。是（“：选中”））{
权限=权限+=1
}
否则{
权限=权限+=0
}
如果（$（“#视图”）为（“：选中”））{
权限=权限+=1
}
否则{
权限=权限+=0
}
如果（$（“#打印”）。为（“：选中”））{
权限=权限+=1
}
否则{
权限=权限+=0
}
var toSet=document.getElementById（PageIDPermission）
toSet.value=权限
}
<link href="~/assets/css/treeview.css" rel="stylesheet" />
<div class="span6">
<div class="portlet box grey">
<div class="portlet-title">
<div class="caption"><i class="icon-sitemap"></i>Page Permission (@ViewBag.PageNo)</div>
<div class="actions">
<a href="javascript:;" id="all" class="btn green"> Toggle All</a>
</div>
</div>
<div class="portlet-body fuelux">
<div class="tree">
<ul>
<li>
<a >First Level</a>
<ul>
<li><a href="#" id="xyz" onclick="SetPageNumber('page_2')">Second Level</a><input type="text" id="page_2" @*style="display:none"*@ value="00000" /></li>
<li><a onclick ="SetPageNumber('page_1')">Second Level</a><input type="text" id="page_1" @*style="display:none"*@ value="00000" /></li>
<li><a>Second Level</a></li>
</ul>
</li>
<li>
<a>First Level</a>
<ul>
<li>
<a>Second Level</a>
<ul>
<li><a>Third Level</a></li>
<li><a>Third Level</a></li>
<li>
<a>Third Level</a>
<ul>
<li><a>Fourth Level</a></li>
<li><a>Fourth Level</a></li>
<li>
<a>Fourth Level</a>
<ul>
<li><a>Fifth Level</a></li>
<li><a>Fifth Level</a></li>
<li><a>Fifth Level</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a>Second Level</a></li>
</ul>
</li>
<li>
<a>First Level</a>
<ul>
<li><a>Second Level</a></li>
<li><a>Second Level</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="span2" id="Permission">
<div class="portlet box grey">
<div class="portlet-title">
<div class="caption"><i class="icon-key"></i> Rights</div>
</div>
<div class="portlet-body fuelux">
<div>
<input type="checkbox" id="Add" /> Add
</div>
<div>
<input type="checkbox" id="Change" /> Change
</div>
<div>
<input type="checkbox" id="Delete" /> Delete
</div>
<div>
<input type="checkbox" id="View" /> View
</div>
<div>
<input type="checkbox" id="Print"/> Print
</div>
<div>
<input type="text" id="pageID" @*style="display:none"*@ value="0" />
@* <button onclick="ChangeCheckBox()">Toggle</button>*@
</div>
</div>
</div>
</div>
页面权限（@ViewBag.PageNo）
-
- 二级
- 二级
一级
-
二级
- 三级
- 三级
-
三级
- 第四级
- 第四级
-
第四级