jQuery UI可调整大小 - 在调整宽度时不要设置高度

时间:2016-02-16 09:19:31

标签: javascript jquery html jquery-ui resize

问题:当我调整表格列的宽度(调整大小绑定在表格标题上)时,jQuery UI将样式属性height设置为html元素并减去-1px的高度。当我多次调整页眉大小时,表格标题会消失:

Table header disappears after resize

JavaScript代码剪断:

$("#t-th-1").resizable({
    minWidth: 100,
    maxWidth: null,
    helper: "resizable-helper",
    handles: "e",
    stop: function (event, ui) {

        // execution code
    }
});

HTML代码剪断:

<div id="t-th-1" class="t-th">
    <span>Name</span>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; height: 360px;"></div>
</div>

调整大小后:

<div id="t-th-1" class="t-th" style="width: 239px; height: 14px">
    <span>Name</span>
    <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; height: 360px;"></div>
</div>

原始表头元素的高度为15px。但在调整大小后,它变为14px。

如何防止设置高度?

0 个答案:

没有答案