2013-12-24 6 views
0

Это первый файл, я хочу загрузить Это работает в DIV, который имеет идентификатор = «основной»JQuery не работает для нагрузки

<!DOCTYPE html> 
<html> 
    <head> 
     <title> Test </title> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
     </script> 
    </head> 
    <body> 
    <div id="menu" style="position:absolute;top:0;left:2%;right:0;left:0;"> 
     <a href="#" id="target"> Link </a> 
    </div> 
    <div id="main" style="position:absolute;top:20%;left:20%;right:20%;left:20%;"> 
    </div> 
    <script> 
     $(document).ready(function(){ 
      $("#target").click(function(){ 
       $("#main").load("target.html"); 
      }); 
     });  
    </script> 
    </body> 
</html> 

Второй файл содержит только эту информацию

<h1 style="text-align:center"> This Worked </h1> 

В разделе Сети вкладка

enter image description here

+0

Являются ли файлы в одной папке? – adeneo

+0

Ну, оба на рабочем столе (Windows 8.1) Я использовал chrome IE и firefox без результата – AAB

+0

Вы используете веб-сервер, или вы просто запускаете это из файла: // protocol? – adeneo

ответ

0

Пожалуйста, убедитесь, что путь target.html правильно, «target.htm l "

$("#main").load("<...path...>/target.html"); 
+0

оба на рабочем столе, и какой путь я должен дать? ./target.html или что-то еще – AAB

+0

Если вы в той же папке не хотите путь изменения. –

+0

не могли бы вы скопировать 2 файла в папку и проверить его –

0

Что скажет ваш инспектор Chrome (или FF)? Просмотрите вкладку сети, если файл target.html загружен правильно.

+0

, когда я нажимаю инспектировать element-> сеть под названием jqery.min.map статуса Получ 304 – AAB

0

Это сработало для меня, просто проверьте, что страница target.html, которую вы добавили, содержит html, теги тела, которые вы, возможно, пропустили для демонстрации. После проверки они находятся в одной папке.

+0

что код в ваш файл 2 – AAB

+0

zhdfijhzug сек GHU HD –

0

ОК, я нашел проблему. Кажется, вы тестируете Chrome.

Итак, Это не будет работать на хром локально из-за этой ошибки

No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'null' is therefore not allowed access. 

Так что, пожалуйста, добавляемого на реальном сервере или протестировать его с Mozilla Firefox.

После того, как щелкнув ссылку, откройте вкладку «Открыть консоль», чтобы просмотреть ошибку.

Там не проблема в вашем кодексе

0

Сценарий выпуска предупреждение системы безопасности:

XMLHttpRequest не может загрузить target.html. В запрошенном ресурсе нет заголовка «Access-Control-Allow-Origin». Поэтому исходный 'null' не допускается.

Ваша проблема связана с этой темой, посмотрите, чтобы понять: How to add an Access-Control-Allow-Origin header Вы должны заявить, что Явно вы имеете право запросить этот ресурс.

+0

Привет, проблема решена с помощью wamp – AAB

Смежные вопросы