"Jquery 加载外部 HTML 的一部分"

Question

Basicily i have a index.html shown below..基本上我有一个 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>

The loadpage.html cotaints loadpage.html 内容

<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>

And my objective is to basicly load 1 of the divs at a time in to the main container, i know the load function can load the full page at once but this is NOT what i need to do.我的目标是基本上一次将 1 个 div 加载到主容器中，我知道加载函数可以一次加载整个页面，但这不是我需要做的。

Had a few look at similar questions but cant seem to resolve this..看过一些类似的问题，但似乎无法解决这个问题..

All help is appreciated thanks guys!感谢大家的帮助！

Answer 1

The jQuery .load()<\/code> function allows you to specify a portion of a page to load, rather than just the whole document. jQuery .load()<\/code>函数允许您指定要加载的页面的一部分，而不仅仅是整个文档。

eg例如

$('#mainContainer').load('loadpage.html #nav1div');

Answer 2

To load DIVs one after another, define a counter要一个接一个地加载 DIV，定义一个计数器

var curDiv = 1; // current Div

Answer 3

jQuery load<\/code>可以很方便的加载页面片段，像这样

$('#mainContainer').load('loadpage.html #nav1div');

"Jquery 加载外部 HTML 的一部分"

问题描述

3 个解决方案

解决方案1
15 已采纳 2012-06-21 08:58:33

解决方案2
4 2012-06-21 09:00:27

解决方案3
2 2012-06-21 08:58:25

"Jquery 加载外部 HTML 的一部分"

问题描述

3 个解决方案

解决方案1 15 已采纳 2012-06-21 08:58:33

解决方案2 4 2012-06-21 09:00:27

解决方案3 2 2012-06-21 08:58:25

解决方案1
15 已采纳 2012-06-21 08:58:33

解决方案2
4 2012-06-21 09:00:27

解决方案3
2 2012-06-21 08:58:25