Хэш-ссылки на жесткие ссылки, когда Javascript отключен

0

Привет, это код, который у меня есть, и он работает.

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>

  • 0
    нет, если у вас есть только код JavaScript! Просьба предоставить ваш HTML, который вы уже пробовали!
  • 0
    @webeno HTML Добавлено
Теги:
hyperlink
hash

1 ответ

0

Просто дайте ссылки на атрибут 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(); (см. выше), но не уверен в этом.

  • 0
    И предотвратить дефолт по нему. Если js отключен, javascript для предотвращения выполнения ссылки не сработает, а если он включен, может произойти обычная обработка кликов
  • 0
    Это не будет работать, потому что способ установки jquery с HTML. пожалуйста, прочитайте обновленный вопрос для получения дополнительной информации.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню