Нов съм в jquery и имам проблем с получаването на html документ за зареждане в контейнер div с помощта на функцията load() на jquery.
Изпълнявам този тест с двата html файла, живеещи на външен уеб сървър в една и съща html папка на базово ниво.
Написах предупреждение във функцията за щракване, представяща load(), за да тествам дали браузърът разпознава js функцията и предупреждението изскача добре както във FF, така и в Chrome, но html документът никога не се зарежда.
Оценявам всяка помощ, която можете да предоставите. Дано само аз пропускам нещо ужасно очевидно.
Благодаря!
Основният 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="/bg">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="/bg">This is a link</a>
</div>
</body>
</html>
li, която е - person Ryan schedule 18.02.2012