0

Вот скрипт:

$(function() {
 $('#enterbut').onclick = function(){
 $('#enterblock').style.display = 'block';
 };
});

По идее при нажатии на <a id="enterbut">ССЫЛКУ</a> блок с id="enterblock" должен стать видимым, но этого не происходит (в css задано display:none).

1 ответ 1

5

В jquery нет метода onclick, вместо этого нужно использовать click либо on, в jquery нет объекта style, стили задаются с помощью метода css

К тому-же - нет отмены стандартного поведения события, в нашем случае если бы даже обработчик был бы навешан правильно - происходила-бы перезагрузка страницы, что собственно и должно происходить по умолчанию при нажатии на ссылку. И того:

$(function() {
   $('#enterbut').click(function( e ) {
       /*
           вместо $("selector").click( observer ) можно использовать синтаксис вида
                  $("selector").on( 'click', observer );
       */
       e.preventDefault(); // отменяем стандартное поведение

       // изменение стиля в нашем случае можно сделать так
       // этот способ быстрее всего, но применять его лучше не надо
       // хотя если сильно важна производительность - пишите так
       document.getElementByID("enterblock").style.display = 'block';

       // или так
       $("#enterblock").css("display","block");
       // или так
       $("#enterblock").show();
   });
});

PS: выучите хотя-бы базы jquery, это-же элементарно

3
  • 1
    И к какому блоку будет применятся display: block?
    – acidernt
    24 фев 2012 в 19:12
  • 1
    this ссылается на '#enterbut', надо бы исправить...
    – Spectre
    24 фев 2012 в 19:24
  • 1
    Действительно - не заметил, сейчас поправлю
    – user3545
    24 фев 2012 в 21:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.