-1

当您单击生产立方体时,会打开一个弹出窗口。

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

但我只能看到三个链接。

怎么看第四个链接。

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);

        });
4

3 回答 3

0

.caption'smax-height正在阻止显示最后一个元素。

.caption { max-height: 90px !important; }

max-height需要增加以适应隐藏元素或(理想情况下)您应该使用并min-height实现padding所需的布局。

于 2013-03-22T22:07:38.953 回答
0

我怀疑这也可能与您的第二个和第三个链接在 div 内的事实有关,但第一个和第四个不是。那是你想做的吗?

于 2013-03-22T22:11:54.790 回答
0

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

于 2013-03-22T22:45:59.997 回答