Привет, это код, который у меня есть, и он работает.
function Init(){
ShowPage ('#body_home');
}
function ShowPage(a){
$(a).css("display","block");
}
$(document).ready(function(){
$("a").click(function(e){
$(".page").fadeOut(1000).delay(1500);
$("#" + $(this).data("page")).fadeIn(1000);
});
});
В основном я хочу знать, как заставить ссылки указывать на правильные страницы, если у пользователя отключен javascript. Это возможно? В настоящее время я использую систему хеш-ссылок. Я хочу так, если у пользователя отключен javascript, что ссылки будут работать (например, index.php вместо #body_home) без использования второй таблицы стилей.
HTML
<ul class="navlist">
<li class="litem" name="home"><a data-page="body_home" href="#body_home">Home</a></li>
<li class="litem" name="hello"><a data-page="body_hello" href="#body_hello">Hello</a></li>
Просто дайте ссылки на атрибут href
.
<a href="index.php>Link</a>
И включить return false;
в обработчике click()
:
(document).ready(function() {$ ("a"). click (function (e) {$ (". page"). fadeOut (1000).delay(1500);
$ ("#" + $ (this).data("page")). fadeIn (1000); e.preventDefault(); return false; });
});
Вам также может понадобиться e.prevenDefault();
(см. выше), но не уверен в этом.