Я новичок в jquery и у меня возникли проблемы с получением html-документа для загрузки в контейнер div с помощью функции load () jquery.
Я запускаю этот тест с обоими htmls-файлами, которые находятся на внешнем веб-сервере в одной и той же html-папке базового уровня.
Я записал предупреждение в функцию click, представляющую нагрузку (), чтобы проверить, распознает ли браузер функцию js, и в FF и Chrome всплыло предупреждение, но html doc никогда не загружается.
Я ценю любую помощь, которую вы можете оказать.Надеюсь, это просто я упустил что-то ужасно очевидное.
Спасибо!
Базовый HTML-файл с контейнером div (bindtestone.html):
<!doctype html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$("li#loader").click(function() {
$("#container").load("bindtesttwo.html").fadeIn("fast");
alert("this link is working");
});
});
</script>
<style type="text/css">
#loaderdiv { width:300px; border:1px solid #000;
position:relative; }
#container { width:500px; height:400px; border:1px solid #000;
position:relative; overflow:visible; }
#dynacontent { width:100px; border:solid 1px #000;
position:relative; }
</style>
</head>
<body>
<div id="loaderdiv">
<ul><li id="loader"><a href="">load file</a></li></ul>
</div>
<div id="container">
</div>
</body>
</html>
Второй HTML-файл, который я пытаюсь загрузить с помощью jquery (bindtesttwo.html):
<!doctype html>
<html>
<head>
</head>
<body>
<div id="dynacontent">
<a href="">This is a link</a>
</div>
</body>
</html>