0

我有一个 id=group1port 的 div。
这个 div 里面有多个 div，一个是 id group1porteq。
我正在使用相等的高度来使 div 的高度相同，但是，就我所拥有的而言，它当前会改变所有 div 的高度，而我只希望它影响 div group1porteq。我已经尝试过 ('#group1port div.group1porteq') 但这不起作用。我也尝试过完全删除“div”，但这也不起作用。也尝试将其更改为 ('#group1porteq div') ，然后这只会使该 div 内的所有 div 相等。

“div class="portlet light bordered" id="group1porteq"" 是我需要具有相同高度的两个 div

我有 div，里面都有多个 div，我试图让 1 个 div 的高度相等。这是脚本的示例。

     <script>
     if($(window).width() > 800){
         $('#group1port div').equalHeights();
     }
    </script>

这是代码示例

<div class="row" id="group1port">
    <div class="col-md-4 col-sm-4">
        <div class="portlet light bordered" id="group1porteq">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-bar-chart font-dark hide"></i>
                    <span class="caption-subject font-dark bold uppercase">Bulletin</span>
                </div>
            </div>
            <div class="portlet-body">
                text
            </div>
        </div>
    </div>
    <div class="col-md-4 col-sm-4">
        <div class="portlet light bordered" id="group1porteq">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-bar-chart font-dark hide"></i>
                    <span class="caption-subject font-dark bold uppercase">Bulletin</span>
                </div>
            </div>
            <div class="portlet-body">
                text
            </div>
        </div>
    </div>
</div>
4

2 回答 2

0

我不确定我是否完全理解您要查找的 div，但此查找的两个 'group1porteq' div 都嵌套在 'group1port' div 中。

$('#group1port').find('#group1porteq').each(function() {
    // Do equal height stuff
});

我不知道 equalHeights() 是什么，但听起来你的问题都与选择器有关。您可以在此处找到完整的选择器选项列表https://api.jquery.com/category/selectors/

于 2016-04-12T21:09:54.077 回答
0

你有一个重复的 id: id="group1porteq" 在两个 div 上。页面上的 id 不能相同。作为第一步，尝试将其更改为类。你能在这段代码中添加一些 CSS 吗？看起来你正试图把一张桌子拆开。尝试将“display: block”添加到类：class="group1porteq" 一旦你改变它，看看它是否破坏了表格模型，这样你就可以再次获得个人高度。

于 2016-04-12T22:43:30.640 回答