LmC*_*LmC 7 html javascript jquery html5 jquery-load
基本上我有一个index.html如下所示..
<html>
<head>
<title>UI Test: Main Menu</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="general.js"></script>
</head>
<body>
<input type="button" value="Details" onclick="javascript:$('#mainContainer').load('loadpage.html #name1div *');"/><br>
<div id="mainContainer">
</div>
Run Code Online (Sandbox Code Playgroud)
loadpage.html cotaints
<div id="nav1div><h3>1 DIV </h3> </div>
<div id="nav2div><h3>2 DIV </h3> </div>
<div id="nav3div><h3>3 DIV </h3> </div>
<div id="nav4div><h3>4 DIV </h3> </div>
Run Code Online (Sandbox Code Playgroud)
我的目标是基本上将一个div一次加载到主容器中,我知道加载函数可以立即加载整页但这不是我需要做的.
有几个看看类似的问题,但似乎无法解决这个问题..
感谢所有人的帮助!
GSh*_*gan 14
jQuery .load()函数允许您指定要加载的页面的一部分,而不仅仅是整个文档.
例如
$('#mainContainer').load('loadpage.html #nav1div');
Run Code Online (Sandbox Code Playgroud)
查看jQuery load()文档,特别是它关于"加载页面碎片"的位置.
| 归档时间: |
|
| 查看次数: |
20026 次 |
| 最近记录: |