Question

我正在尝试将外部jquery页面加载到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");

因此图标不起作用..

经过几个小时的搜索，我放弃了。希望在这里找到答案。谢谢！

Answer 1

尝试在您的ID中没有空格。在两个地方都将其更改为find_us，它应该有效。

Answer 2

您需要为您的区域代码指定一个单词：

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

全部应该正常工作（记得在点击功能中用它调用）

Answer 3

id属性不能包含两个单词（即两者之间有空格）。

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

将外部文件加载到div中

3 个答案: