Question

<,如果你在第一行(Madonna)上点击未提交书状的纽芬兰,则各行的滑坡充其量是合理的。但是,如果你删除新的第一行(Radiohead),则其余一行(U2)的形象在两行走后无情地跳到左边。要求履行删除表格的职能是:

SF.deleteRow = function(selector) {
    $(selector)
        .children( td, th )
        .animate({ paddingTop: 0, paddingBottom: 0 })
        .wrapInner( <div /> )
        .children()
        .slideUp( slow , function() {
            $(this).closest( tr ).remove();
        });
};

如果我去除桌椅子上的所有dding子,这个问题就消失了,但我没有dding。

是否有办法解决这一问题? 或者,在删除避开这一问题的表格时,我可以适用另一种效果(我不想在点击“无名纽芬兰”时立即消失。

Answer 1

The jump you mentioned happens because first column shrinks when longer text "Radiohead" is removed and shorter text "U2" is the only factor defining the cell width in the first column. This problem can be solved by having fixed column widths in your table.

Answer 2

I would suggest to make it with only div s and not with a table.. then u can do it easly like:

<style>
    .row {
        float: left;
        width: 990px;
        overflow: hidden;
    }
        .row  .col {
            float: left;
            width: 490px;
        }
            .row  .col.first {
                width: 200px;
            }
            .row  .col.last {
                width: 300px;
            }

</style>

<script type="text/javascript">
    [...]
    SF.deleteRow = function(selector) {
        $(selector)
            .find( .row )
            .animate({ height: 0 },"fast", "linear", function() {
                $(this).remove();
            });
    };
    [...]
</script>

<div class="row even">
    <div class="col first">[....]</div>
    <div class="col">[....]</div>
    <div class="col last">[....]></div>
</div>
<div class="row odd">
    <div class="col first">[....]</div>
    <div class="col">[....]</div>
    <div class="col last">[....]></div>
</div>
<div class="row even">
    <div class="col first">[....]</div>
    <div class="col">[....]</div>
    <div class="col last">[....]></div>
</div>
<div class="row even">
    <div class="col first">[....]</div>
    <div class="col">[....]</div>
    <div class="col last">[....]></div>
</div>

这只是一个例子。由于在<代码>上出现超支, 阶级是隐蔽的,当高点为0时,就会显示任何情况。

If you just wanna use a table it will be a little bit harder!

答案只是建议使用四舍五入而不是表。 i 还要使用浮标,因为其更容易对当时未变物体的成分进行估算(我的意见)。

Answer 3

充其量,其 em子完全 co合...... w,无一 ju, container着集装箱向“隐藏”的过度流入,并缩小集装箱的高度......

Edit:谢谢。 @Derek,在我看来,边界仍然存在...... 请允许我再次审视一下我的法典,并略去注意。背书功能应为<代码>$(此)。

rel=“nofollow”>,例如见。

友情链接