上一篇: javascript – jquery data()不附... 下一篇:javascript – Jquery脚本在计数...

javascript – 隐藏div jquery可排序小部件的一部分

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了javascript – 隐藏div jquery可排序小部件的一部分，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有一些类似于下面的标记,我试图隐藏“some_row”TR.

<div id="sortable">
<table>
    <tr><td>Some title 1</td></tr>
    <tr class="some_row"><td><textarea ...></td><tr>
</table>    
<table>
    <tr><td>Some title 2</td></tr>
    <tr class="some_row"><td><textarea ...></td><tr>
</table>
</div>

这是我尝试过的：

$(function () {
    $("#sortable")
    .sortable({
        Helper: function (e,o) {
            o.find("#some_row").hide();
            return o;
        },start: function () {
            $("@L_905_2@me_row").hide();
        },stop: function () {
            $("@L_905_2@me_row").show();
        }
    })
    .disableSELEction();
});

最初我开始只是启动和停止事件,然后我添加了帮助因为,我猜的是克隆的选定行,有一个隐藏的some_row div但高度相同.

无论如何,上面的作品完美无瑕,但看起来小部件仍然考虑到周围div的原始高度.

有什么办法可以挽救这个想法吗？

解决方法

在返回帮助程序之前,需要在@L_905_2@merow上调用hide.

帮助器是原始div的克隆,以及您看到的被拖动的内容.因此,当您隐藏行时,已经创建了克隆.

启动后运行的刷新将重新加载可排序对象以调整新高度.

Fiddle Example

$(function () {
$("#sortable")
.sortable({
    cursor: 'move',cursorAt: { left: 0,top: 10 },Helper: function (e,o) {
        $("@L_905_2@me_row").hide();
        o.find("#some_row").hide();
        return o;
    },start: function () {
        $( "#sortable" ).sortable( "refresh" );
    },stop: function () {
        $("@L_905_2@me_row").show();
    }
})
.disableSELEction();
});