Jquery загружает часть внешнего HTML

По сути, у меня есть 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>

Файл 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>

И моя цель состоит в том, чтобы в основном загружать 1 из div за раз в основной контейнер, т.е. знаю, что функция загрузки может загрузить всю страницу сразу, но это НЕ то, что мне нужно делать.

Просмотрел несколько похожих вопросов, но, кажется, не могу решить эту проблему.

Приветствуется любая помощь, спасибо, ребята!

7
задан LmC 21 June 2012 в 08:55
поделиться