美好的一天,我在这里的问题是,虽然我在MainScreen.html,即“环境管理计划” DIV我不能改变EmployeeInformation.html的div的内容,其中有“DDDDDDDDDDDDDDDDDDDDDD”通过加载的内容Personal.html,使用jQuery。为什么我不能更改div的内容?
步骤是: 在MainScreen.html中,单击“?EmployeInformation”,然后单击“?QQQQ”链接。
MainScreen.html
<!DOCTYPE html>
<html>
<head>
<link href="./MainScreen.css" rel="stylesheet" type="text/css">
<script src="./Jquery/dev/jquery-2.1.1.js"></script>
<script src="./MainScreen.js"></script>
</head>
<body>
<div id="AccountHeader">
CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
<br>
CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
</div>
<div id = "HeaderImage">
<img src="./Images/header.jpg">
</div>
<div id="MenuList">
<ul id="NavigationBar">
<li><button>Notifications</button></li>
<li><button>File Maintenance</button></li>
<li><button>Transaction</button></li>
<li><button>Reports</button></li>
</ul>
</div>
<div id="LeftPanel">
<ul id="FileMaintenanceMenu">
<li><a href="#">?Authorized Overtime Schedule</a></li>
<li><a href="#">?Bank</a></li>
<li><a href="#">?Calendar of Length of Service</a></li>
<li><a href="#">?Degree</a></li>
<li><a id = "link" href="#">?EmployeeInformation</a></li>
<li><a href="#">?Employees with Evening Service</a></li>
<li><a href="#">?Employees with Extra Load</a></li>
<li><a href="#">?Function</a></li>
<li><a href="#">?Honorarium of Coaches</a></li>
<li><a href="#">?Mode of Salary</a></li>
<li><a href="#">?Non-Working and Special Holiday</a></li>
<li><a href="#">?Parameter File</a></li>
<li><a href="#">?Part-time Employees</a></li>
<li><a href="#">?Plantilla</a></li>
<li><a href="#">?Position</a></li>
<li><a href="#">?Public Holiday</a></li>
<li><a href="#">?Salary Schedule</a></li>
<li><a href="#">?Special Projects</a></li>
<li><a href="#">?Status of Employment</a></li>
<li><a href="#">?Student Assistant</a></li>
<li><a href="#">?Titles/ Designation</a></li>
<li><a href="#">?User/ Password Maintenance</a></li>
<li><a href="#">?Withholding Tax Table</a></li>
</ul>
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
<br>AAAAAAAAAAAAAAAAA
</div>
<div id="RightPanel">
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
<br>BBBBBBBBBBBBBBBBBBBBBBBBB
</div>
</body>
</html>
MainScreen.js
$(document).ready(function() {
$("#link").click(function()
{
alert('a');
$("#RightPanel").load("./FileMaintenance/EmployeeInformation.html");
});
});
EmployeeInformation.html
<!DOCTYPE html>
<html>
<head>
<script src="../Jquery/dev/jquery-2.1.1.js"></script>
<script src="./EmployeeInformation.js"></script>
</head>
<body>
<form id = "BasicInfo" method="post" action="EmployeeInformation.html">
<span class = "FieldLabels">ID Number</span> <input type="text" id="IdNumber">
<br>
<input type="text" id="LastName">
<input type="text" id="FirstName">
<input type="text" id="MiddleName">
<br>
<span class = "FieldLabels">Last Name</span>
<span class = "FieldLabels">First Name</span>
<span class = "FieldLabels">Middle Name</span>
</form>
<ul id = "EmployeeInfoTabs">
<li><a id = "the" href="#" onclick="alert('b')">?QQQQ</a></li>
<li><button>?Personal</button></li>
<li><button>?Employment</button></li>
<li><button>?Payroll Info</button></li>
<li><button>?Family and Other Info</button></li>
<li><button>?Previous Employment</button></li>
</ul>
<div id= "Emps">DDDDDDDDDDDDDDDDDDDDDDDDDDD</div>
</body>
</html>
个MainScreen.js
$(document).ready(function() {
$("#the").click(function()
{
alert('c');
$("#Emps").load("./EmployeeInformation/Personal.html");
});
});
Personal.html
<!DOCTYPE html>
<html>
<head>
<script src="../../Jquery/dev/jquery-2.1.1.js"></script>
</head>
<body>
<div id= "aaaaa">AAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</body>
</html>
什么是我的错?
我也尝试去“EmployeeInformation.html”手动,它的工作原理,它将“DDDDDDDDDDDDDDDD”更改为“AAAAAAAAAAAAAA”,但是,如果我在MainScreen.html它不起作用,为什么?
的步骤是MainScreen.html,点击 “?EmployeInformation”,然后单击 “?QQQQ” 链接。
顺便说一句,我想直接在这里上传PIC,但我的名誉点小于10 :(
所以,这里是链接到图片:
MainScreen.html https://onedrive.live.com/redir?resid=20796C7633AE90D!235&authkey=!AJrxTsF0sugU-eE&v=3&ithint=photo%2cJPG
感谢您的帮助:d
显示一些代码笏试试吗? – Panther 2014-09-19 15:52:17
我很抱歉后期上传,我以为我已经包括它:) – nightrobin 2014-09-19 18:13:57