为什么JQuery MatchHeight无法与RoR一起使用?

时间:2019-07-17 14:22:50

标签: javascript jquery

我正在对一个旧的RoR应用程序进行维护,该应用程序到处都使用J​​Query MatchHeight。

但是当做我自己的页面时什么也没发生。

这是我的观点:

    <div class="col-md-4">
        <div class="thumbnail text-center js-matchHeight">
            <img alt="" class="img-responsive" src=
            "image2.jpg">

            <div class="caption">
                <h4>Quick summary of a question that's been asked</h4>
                <p class="date">19 January 2017</p>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="thumbnail text-center js-matchHeight">
            <img alt="" class="img-responsive" src=
            "image3.jpg">

            <div class="caption">
                <h4>Quick summary of a question that's been asked</h4>
                <p class="date">19 January 2017</p>
            </div>
        </div>
    </div> 

然后我的ERB加载脚本:

        <% content_for :page_js do %>
            <%= javascript_bundle_tag('shared') %>
            <%= javascript_bundle_tag('product_list_page') %>
            <%= javascript_include_tag('insulation/solution-builder') %>
            <%= javascript_include_tag('insulation/product-list-filter') %>
                <script>
                    $('.js-matchHeightOuter').matchHeight();
                    $('.js-matchHeight').matchHeight();
                </script>

        <% end %>

据我所知,当我加载此页面并查看检查时,检查器上应该有类似以下内容:

element.style {
    height: 155px;
}

我在这里怎么做错了?为什么MatchHeight不做他的工作?

谢谢

0 个答案:

没有答案