0

Здравствуйте, недавно учу jquery и столкнулся со следующей проблемой:

$('#leta').click(function() {
  $('#hide').slideDown('slow');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class='col-lg-4' id='leta'>A</div>
<div data-scroll class='col-lg-12' id='hide' style='display:none'>B</div>

По клику на 'A' не происходит абсолютным счетом ничего

6
  • Перенес ваш код в сниппет - проблема не наблюдается.
    – br3t
    19 апр 2017 в 20:47
  • @br3t может дело в стилях? 19 апр 2017 в 20:50
  • Вам достаточно проинспектировать ваш #hide в любом браузерном отладчике. + посмотреть ошибки в консоли.
    – br3t
    19 апр 2017 в 20:53
  • @br3t Я что-то совсем ничего не понимаю Глянул ошибку, написано Bootstrap's Javascript requires Jquery Но я абсолютно точно его подключил 19 апр 2017 в 20:58
  • Мб вы подключили его после bootstrap.js?
    – br3t
    19 апр 2017 в 21:11

1 ответ 1

-1

1) Советую скачать jquery c http://jquery.com/ и подключить его в шаблоне
2) Немного не по задаче, но не используйте айдишники! (#leta, #hide) используйте классы.
3) <div data-scroll class='col-lg-12' id='hide' style='display:none'>B</div> Инлайновый стиль лучше перенести в файл .css
4) $('#leta').click(function() { Вместо click используйте

$('#leta').on('click', function() {$('#hide').slideDown();});
6
  • Чем плохи idшники? Почему уже тогда не $('body').on('click', '#leta',...)?
    – br3t
    20 апр 2017 в 8:57
  • $('body').on('click', '#leta',...)? Это вообще к чему? А ответ на вопрос: потому что айдишники дольше рендерятся это раз. Второе айдишники захламляют css код. Третье это старье, т.к. сейчас работа front-end разработчика заключается в том, чтобы как можно максимально оптимизировать css код, это одна из главнейших задач 20 апр 2017 в 9:08
  • Вячеслав, код относился к вашему пункту 4
    – br3t
    20 апр 2017 в 9:14
  • А понятно, $('body').on('click', '#leta',...). можно и так, разницы особой нет. как кому удобно 20 апр 2017 в 9:14
  • Ты увидел 3 строчки кода и такой "не используйте id!!!", чтооо? Есть места, где они уместны, есть, где не уместны, нужно смотреть всю разметку, что бы знать где что уместно. И в плане скорости - в js есть 2 функции: "getElementsByClassName" и "getElementById", замечаем, что во втором случае возвращается не коллекция, а один элемент, ДУМАЕМ...
    – Oleg Reym
    20 апр 2017 в 9:51

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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