JQuery 匹配高度在 Rails 5.2 上不起作用

Posted 2023-05-09

【中文标题】JQuery 匹配高度在 Rails 5.2 上不起作用

【英文标题】：JQuery Match Height Not Working on Rails 5.2

【发布时间】：2019-08-15 06:45:44

【问题描述】：

尝试在我的 Rails 应用程序上安装 Jquery Match Height 后出现以下错误。

我尝试使用 Match Height Gem，只需将整个脚本复制粘贴到我的 application.js 中，并且（目前）在我的 application.html.erb 上包含一个 CDN：

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

无论如何都会产生相同的错误。我安装了这些与 jquery 相关的 gem：

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>

谁能看出我做错了什么？

【问题讨论】：

在调用函数macthHeight()之前确保你的matchHeight.js被加载。您能否在页面加载完全后检查您是否可以执行相同的功能并查看您是否仍然收到错误？

@GuruprasadRao $(document).ready(function() 不应该处理这个吗？

并不总是 AFAIK..

你能试试我的第二个建议吗？

@GuruprasadRao 如果在页面完全加载后在控制台中执行$('.card-img-top').matchHeight();，我会得到同样的错误。

【参考方案1】：

如果您使用 gem jquery-matchheight-rails，则不需要 CDN 包含

将以下内容添加到您的 JavaScript 清单文件中：(application.js)

//= require jquery.matchHeight