我正在尝试在我的rails 3.2应用程序中均衡列,虽然可能有更好的方法来执行它然后我当前的尝试,在尝试使其工作数小时之后我想看看是否有人可以指出特别指出为什么this jQuery插件(不是宝石)不起作用。我在开发者控制台中没有收到任何错误,因此很难确定。这是相关的代码:
索引视图,我按照插件的说明进行操作:
div id="column-group">
<div class="equalize span5 offset1 UserProfile">
<% if user_signed_in? %>
<h3>Hello <%= current_user.name %>!</h3>
</div>
<div class="equalize span5 MemberDisplay">
我的application.js文件,其中我还包含了特定的js代码,因此它肯定会被应用程序选中:
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require equalize_column_heights
//= require_tree .
$(document).ready(function() {
$("#column-group").equalize_column_heights("equalize");
});
jQuery插件代码,保存在我的vendor / assets / javascripts文件夹中:
(function ($) {
$.fn.equalize_column_heights = function (equalize_class) {
var tallest_column=0;
parent_id = "column-group" + $(this).attr("id") + " ." + equalize_class;
$(parent_id).each(function(index, value) {
if (tallest_column < $(this).height()){ tallest_column = $(this).height(); }
});
$(parent_id).each(function(index, value) {
$(this).css({'min-height': tallest_column});
});
}
}(jQuery));
我已经阅读了有关资产管道的所有rails指南文档以及所有相关的jQuery-rails3问题,但几个小时之后,我似乎无法想象这一点。如果有人可以指向其他有关如何在Rails 3.2应用程序中使用非gem jQuery插件的教程,那么我很乐意看看!