jQuery -use hide / show для переключения контента, чтобы некоторые отображались, когда включен JavaScript, и другой контент, когда он * отключен *? - PullRequest
Новая
       7

jQuery -use hide / show для переключения контента, чтобы некоторые отображались, когда включен JavaScript, и другой контент, когда он * отключен *?

0 голосов
/ 08 августа 2011

Я пытаюсь использовать jQuery, чтобы скрыть контент с классом no_js и показать контент с классом js. Я использую это для кнопок на форме; Когда Javascript включен, я показываю type = "button", которая связывает onclick с функцией Javascript, а когда Javascript отключен, на странице отображается (отображается по умолчанию) кнопка type="submit". Вот что у меня есть: 

<input class="no_js" type="Submit" value="Generate"/>
<input class="js" type="button" value="Generate_JS" onclick="generate_password()"/>
Для элементов

.js в таблице стилей установлено значение display:none. Я хотел использовать hide / show или toggle, потому что элементы могут иметь разные типы отображения (inline, inline-block, это зависит от элемента), поэтому я не могу просто установить свойства CSS с помощью display (а этот скрипт сайт в целом, так что он основан на классе, а не ID).

Может кто-нибудь помочь мне? Прямо сейчас кнопка Generate показывает все время, а кнопка Generate_JS никогда не .

РЕДАКТИРОВАТЬ: Извините, я думаю, я не могу добавить код в мои комментарии? Это код, который я использую в своем заголовке, и результаты все те же. 

$(document).ready(function() {    
    $(".no_js").hide();
    $(".js").show();
})

Ответы [ 3 ]

0 голосов
/ 08 августа 2011

Вы также можете использовать элемент <noscript>, который будет отображаться только в том случае, если язык сценариев не обнаружен, во всех текущих браузерах, которые будут являться javascript.

0 голосов
/ 09 августа 2011

Проблема была вызвана несвязанной ошибкой в ​​системе моего веб-хостинга;они испытывали потерю пакетов на большинстве пакетов, которые прошли, и во всем этом беспорядке библиотека JQuery, которую я загрузил, не прошла.Мой оригинальный код снова работает.

0 голосов
/ 08 августа 2011 
<input class="no_js" type="Submit" value="Generate" />  
<input class="js" type="button" value="Generate_JS" onclick="generate_password()" style="display: none"/>
<script>
$("input.js").show();
$("input.no_js").hide();
<script>
...