загрузить внешний файл в div

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");

Значит, значок не работает ..

После нескольких часов поиска я даюup .. Надеюсь найти ответ здесь.Спасибо!

Answer 1

старайтесь, чтобы в вашем идентификаторе не было пробелов.Измените его на find_us в обоих местах, и оно должно работать.

Answer 2

Атрибут id не может состоять из двух слов (то есть иметь пробел между ними). ​​

Попробуйте <area shape="rect" id="find_us"... и $("#find_us").click(function(){

Answer 3

вам нужно дать вашему тегу области одно слово для его идентификатора:

id="find_us" или id="find-us"

все должно работать нормально (не забудьте вызвать его с помощью функции щелчка)