2012-02-14 234 views
0

我正在尝试将外部jquery页面加载到div中。我使用地图标记,因为我的标题的图像充满了按钮。 因此,这是相关代码将外部文件加载到div中

索引文件:

<script type="text/javascript" src="loader.js"></script> 
.. 
<area shape="rect"; 
id="find us"; 
coords="190,50,265,70"; 
href="javascript:clicked_on('rectangle');" 
.. 
<div id="text"> 
//where I want the page to be loaded   
</div> 

加载程序文件:

$(document).ready(function(){ 
$("#find us").click(function(){ 
// load contact form onclick 
$("#text").load("index.html"); 
}); 
}); 

文件载入:index.html的

当我点击该图标就什么也没做。 但是,如果我在loader.js包括此代码开头,它加载与页面:

$(document).ready(function(){ 
    // load index page when the page loads 
    $("#text").load("index.html"); 

所以图标不工作..

小时后搜索我放弃..希望在这里找到答案。 谢谢!

+1

不应该 “我们” 有#或。在它前面?或删除空间...或添加一个下划线....东西需要在那里。从您的编辑中删除ID中的空格。你在那里有'#找到#我们'在技术上。 – Scott 2012-02-14 00:25:49

回答

0

id属性不能由两个单词组成(即两者之间有空格)。

尝试<area shape="rect" id="find_us"...$("#find_us").click(function(){

2

尽量不要在你的ID中有空格。在两个地方将它更改为find_us,它应该可以工作。

+0

是的,它确实有效。谢谢。这样的初学者的错误 – 2012-02-14 00:30:43

0

你需要给你的区域标记一个单词其ID:

id="find_us"id="find-us"

的都应该工作正常(记得在你点击功能与调用它)