Question

单击生产多维数据集时，会打开一个弹出窗口。

图片下方的弹出窗口有四个链接。

但我只能看到三个链接。

如何查看第四个链接。

http://jsfiddle.net/Lx7kx/7/embedded/result/

<div class="cubeCellProduction" data-text="Production" data-caption="&lt;a style='padding-left: 30px; font-size: 14px; color: grey;' href='/' &gt;Work Orders&lt;/a&gt; &lt;div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' &gt;Projects&lt;/a&gt; &lt;/div&gt; 
                    &lt;div&gt;&lt;a style='padding-left: 42px; font-size: 14px; color: grey;' &gt; Work Flow &lt;/a&gt;&lt;/div&gt; 
                    &lt;a style='padding-left: 42px; font-size: 14px; color: grey;' &gt;Reports&lt;/a&gt;"
                    data-image="http://intra.defie.co/images/Desktop_icons_02.07.13/production.png"></div>

 $('document').ready(function() {
            window.setTimeout(function() {
                $('.cubeCellProduction').each(function() {
                    var htmlText = $(this).attr('data-text');
                    $(this).append('<div class="cubeTextStyleProduction">' + htmlText + '</div>');

                    $(this).hover(

                    function() {

                        $(".cubeTextStyleProduction").addClass("hovered").append("<span class='divStockProduction'>Production</span>");

                    },

                    function() {
                        $(this).find("span:last").remove();
                        $(".cubeTextStyleProduction").removeClass("hovered");

                    });
                });
            }, 600);

        });

Answer 1

.caption类设置为height: 90px !important;。更改为height: auto;，这将解决任意数量链接的问题。

Answer 2

.caption的{{1}}阻止显示最后一个元素。

max-height

.caption { max-height: 90px !important; }需要递增才能容纳隐藏元素，或者（理想情况下）您应该使用max-height和min-height来实现所需的布局。

Answer 3

我怀疑它可能与你的第二个和第三个链接在div中的事实有关，但第一个和第四个链接不在。那是你想做的吗？

第四个链接不可见

3 个答案: