Question

jquery用load方法加载外部文件的问题

1.html：

我是第一页
<div id="111"></div>
<script type="text/javascript">$("#111").load("2.html #main");</script>
2.html：
<div id="main">
这里是第二页内容
<a href="javascript:$('111').load('3.html #main');">点击加载第三页</a>
</div>
3.html：
<div id="main">
这里是第三页内容
<a href="javascript:$('111').load('2.html #main');">点击加载第二页</a>
</div>
按照我的想法是打开1.html页面，页面显示1.html中的内容并且加载显示2.html的内容
然后点击“点击加载第三页”的链接后将加载第三页的内容替换掉刚才加载的第二页的内容。
现在打开1.html后加载第二页内容成功了，但是点击“点击加载第三页”的链接后提示OBJ为空，请问要怎么解决？

Answer 1

第二个页面和第三个页面div的id不对，改成下面的代码即可

<div id="main">
这里是第二页内容
<a href="javascript:$('#main').load('3.html #main');">点击加载第三页</a>
</div>

<div id="main">
这里是第三页内容
<a href="javascript:$('#main').load('2.html #main');">点击加载第二页</a>
</div>

Answer 2

你的第二个页面里引入jquery库文件了没？
肯定是没有吧
$.load是jquery方法，要用这个方法需要引入jquery库才行