2013-11-06 4 views
0

Я имею 1.html так же месте, как это pi.htmlJQuery .load() не работает. но CSS применяется

pi.html

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
$(document).ready(function(){ 
$(function(){ 
    $('a').click(function(){ 
     $('#content').css("border", "3px solid red"); 
     $('#content').load("1.html"); 
     return false; 
    }) 
}); 
}); 
</script> 
</head> 
<body><a href="1.html">1.html</a> 
<div id="content"></div> 
</body> 
</html> 

после нажмите на ссылку СМЧ в своей работе применяет, но .load() не за работой. любой совет будет оценен!

+0

Вы уверены, что путь к файлу верен, а таблица стилей включена в HTML-страницу? – wootscootinboogie

+0

нет таблица стилей. css применяется, поскольку выполняется jquery .css(). Я сделал это, чтобы проверить работу jquery. но .load() не работает. Я могу щелкнуть ссылку, см. 1.html, если я удалю return false; – sh977218

+0

Вы можете поймать ошибку ['.load()'] (http://api.jquery.com/load/), чтобы узнать, была ли найдена страница. – nkmol

ответ

2

Если вы тестируете это на локальном компьютере, а не на веб-сервере, это не сработает. Это функция ajax, которая должна работать на сервере http: //. В противном случае, если ваши файлы находятся в правильных местах, EDIT: ваш код выглядит нормально.

Проверьте консоль для получения более подробной информации CONTROL + SHIFT + J для консоли в Google Chrome при нажатии на ссылку загрузки.

+0

консоль показывает: файл OPTIONS: /// C: /Users/Peter/Desktop/myweb/1.html Происхождение null не разрешено Access-Control-Allow-Origin. jquery-1.9.1.js: 8526 XMLHttpRequest не может загрузить файл: /// C: /Users/Peter/Desktop/myweb/1.html. Происхождение null не разрешено Access-Control-Allow-Origin. pi.html: 1 – sh977218

+1

Это подтверждает правильный ответ. Не пытайтесь использовать Ajax без HTTP. – Quentin

+0

@ user2788424 Исправить. Ajax не допустит нулевого начала, я думаю, что это что-то связано с реестрами доступа на стороне сервера, такими как 777 444 (все эти коды доступа). Тем не менее, если он на сервере, он будет работать. –

0

Если вы используете его локально, Chrome \ Safari блокирует запросы .load() из локальной файловой системы.

Вы можете использовать Firefox или запускать Chrome с использованием --allow-file-access-from-files в качестве опции.

Кроме того, работа над ним на веб-сервере отлично работает.

EDIT: Этот ответ https://stackoverflow.com/a/13262673/2632329 поможет.

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