2013-10-13 1 views
0

У меня есть div, который появляется и исчезает с помощью jquery toggle. Когда yuo нажимает на ссылку, div появляется или исчезает.Jquery toggle, если javascript отключен, зайдите на страницу

Есть ли способ сделать это, если javascript отключен, и пользователь нажимает на ссылку, которую они берут на страницу вместо этого?

Есть ли что-нибудь, что я должен делать при использовании переключателя, чтобы убедиться, что он не сталкивается с проблемами?

+0

Подайте * нормальный * HREF связь с элемента. Затем добавьте соответствующее событие 'click' с jQuery и запретите поведение по умолчанию. Таким образом, обработчик события jQuery будет задействован только в том случае, если доступны JavaScript (и, следовательно, jQuery); в противном случае будет следовать нормальный href. – user2864740

+0

Пример, пожалуйста? – gregor

+0

Или .. соединить куски в соответствии с представленной стратегией. Это будет весело и хорошо учиться. – user2864740

ответ

3

Сделать ссылку, чтобы пользователь мог перейти туда, если js отключен по умолчанию. Затем используйте jQuery preventDefault() в событии click (где вы, вероятно, определяете свое поведение переключения).

Так ссылка должна работать сама по себе:

<a id="functioning-link" href="/js_disabled_page">Toggle my div</a> 

Ваш JQuery должен захватить событие щелчка, чтобы переключить ваш DIV, который будет работать только тогда, когда JQuery/JS включен:

$(function(){ 
    $("#functioning-link").click(function(e){ 
    e.preventDefault(); 
    $("div").toggle(); 
    }); 
}); 
+0

Не могли бы вы дать мне более подробную информацию? – gregor

+0

Мне это нравится. Любые падения? – gregor

+0

Я имею в виду, не совсем. Это довольно распространенный подход. – hiattp

0

Для этого вы можете использовать как href, так и onClick.

Если Javascript отключен, HREF разжигает

еще OnClick!

Например:

<a href="gosomewhere.html" onclick="toggle(); return false;">Click to toggle</a> 

Javascript:

toggle = function() { 
    // Your code here 
    return false; 
    } 
+0

Есть ли проблемы с этим методом? – gregor

+0

@gregor: Не то, чтобы я знал! Я использовал его по многим моим проектам. – WhatisSober

Смежные вопросы