У меня есть два HTML-страницы, index.html и photo.htmlИспользование метода .load() останавливает использование других jquery-методов?
index.html
<html>
<body>
<div id="menu">
<ul>
<li><p id="about">ABOUT</p></li>
<li><p id="work">WORK</p></li>
<li><p id="photo">PHOTO</p></li>
<li><p id="mail">MAIL ME</p></li>
</ul>
</div>
<div id="photo-container">
</div>
</body>
</html>
и photo.html
<html>
<html>
<body>
<div class="about12">
<h4>a-design</h4>
<p>
//some text
</p>
</div>
</body>
</html>
и Javascript Файл:
$(document).ready(function(){
$('#photo').click(function() {
$("#container").load("photo.html .about12");
$('#photo-container h4').fadeout(5000);
$('#photo-container p').animate({top: '150px'},1500);
});
});
Когда я нажимаю на идентификатор фотографии, функция .load() делает это, но потом, никакие другие функции jquery не будут работать. Почему это?
Кроме того, другой вопрос: .load() - лучший способ для выполнения этой работы: загрузка, затухание и анимация, или есть лучший метод?
Пожалуйста, включите JavaScript все библиотеки, которые вы используете. Вы используете только jQuery? Или jQuery ui тоже? Это облегчит людям возможность определить, где проблема. – drozzy
Я использую jQuery и jQuery ui, но проблема была решена. Но спасибо в любом случае –