{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 Luminary・发光体 的问题《Jquery Load Part of External HTML》','https://www.manongdao.com/q-531948.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Basicily i have a index.html shown below..
<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
<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.
Had a few look at similar questions but cant seem to resolve this..
All help is appreciated thanks guys!
To load DIVs one after another, define a counter
somewhere at the beginning (better to define a
$(document).ready()function to initialize it). Define this function:Define the click event like:
and you button like:
With every click you should get first div, second, and so on.
With this approach you separate JS from HTML, which is always good.
jQuery
loadcan easily load page fragments, like soThe jQuery
.load()function allows you to specify a portion of a page to load, rather than just the whole document.e.g.
Check out the jQuery
load()documentation particularly where it regards “Loading Page Fragments”.