Блог

Главная - Вопросы по программированию - Высота соответствия jQuery не работает в Rails 5.2

Высота соответствия jQuery не работает в Rails 5.2

#jquery #ruby-on-rails #ruby-on-rails-5

#jquery #ruby-on-rails #ruby-on-rails-5

Вопрос:

Я получаю следующую ошибку после попытки установить высоту соответствия Jquery в моем приложении Rails.

введите описание изображения здесь

Я попытался использовать драгоценный камень Match Height, просто скопировав весь скрипт в свой application.js и (в настоящее время) включив CDN в свой application.html.erb :

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight.js" type="text/javascript"></script>

Независимо от этого генерируются одни и те же ошибки. У меня установлены эти драгоценные камни, связанные с jquery:

 gem 'jquery-rails'
gem 'jquery-ui-rails'

Вот как я пытаюсь использовать высоту соответствия:

 <script>
  $(document).ready(function() {
    $('.card-img-top').matchHeight();
    $('.card-title').matchHeight();
    $('.card-text').matchHeight();
    $('.card-footer').matchHeight();
  });
</script>

Кто-нибудь может увидеть, что я делаю неправильно?

Комментарии:

1. Убедитесь, что ваш matchHeight.js загружается перед вызовом функции macthHeight() . Не могли бы вы также проверить, можете ли вы выполнить ту же функцию после полной загрузки страницы, и посмотреть, по-прежнему ли вы получаете ошибку?

2. @GuruprasadRao Не должен $(document).ready(function() позаботиться об этом?

3. Не всегда AFAIK..

4. Можете ли вы просто попробовать мое 2-е предложение?

5. @GuruprasadRao Я получаю ту же ошибку, если я делаю $('.card-img-top').matchHeight(); в консоли после полной загрузки страницы.

Ответ №1:

если вы используете драгоценный камень jquery-matchheight-rails, нет необходимости включать CDN

Добавьте следующее в свой файл манифеста JavaScript:(application.js )

 //= require jquery.matchHeight