EDIT: Я обновил js до примера, приведенного ниже, «Front End Buy», и теперь мои ссылки не работают. Ive отредактировал мой оригинальный пост, чтобы показать, что я сейчас использую. Любая идея, почему ссылки больше не работают?Div, чтобы исчезнуть, но не верхний и нижний колонтитулы
Im пытается получить мой основной контент, чтобы исчезнуть без замирания заголовка и нижнего колонтитула. ниже мой код. ниже мой код, который я создал. У меня есть внешний вызов библиотеки jquery в моем заголовке. Благодаря
<script>
$(document).ready(function() {
var linkLocation = null;
$("#content").hide().fadeIn(2000);
$("a.transition").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("#content").fadeOut(1000, function() {
redirectPage();
});
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>
<body>
<div id="content_wrapper">
<div id="header">
<div id="logo"></div>
<div id="nav">
<ul id="nav" class="nav">
<li id="home"><a href="index.html" title="" class="transition">Home</a></li>
<li id="about"><a href="about.html" title="About Us" class="transition">About Us</a></li>
<li id="contact"><a href="contact.html" title="Contact Us" class="transition">Contact Us</a></li>
</ul>
</div>
<!--End Main Nav-->
</div>
<!-- End of Content Header -->
<div id="content">
some text etc...
</div>
<div id="footer"></div>
</div>
</body>
Если вы используете правильный селектор, как в '$ ('# content')', который должен работать нормально? – adeneo
Также нет никакой причины запрашивать несколько раз для #content, поскольку это не динамический контент. И .hide обрабатывает свойство отображения, вам не нужно менять его на none. – Virus721