jQuery获取可排序元素的id

时间:2014-03-05 15:51:47

标签: javascript jquery jquery-ui

我有一些div可以排序等等。但是他们得到了所有相同的类,所以如果我拖一个,div的所有内容都隐藏了。我希望得到正在拖动的div的'id',并将其放入hideshow函数中。

它应该是这样的......

jQuery代码:

$("#column-right").sortable({
    connectWith: ".sort",
    handle: ".title",
    placeholder: "salih",
    cursor: 'move',
    revert: 'invalid',
    start: function() {
        .click(function() {      // I know it is wrong but it should be like this
        var id = $(this).attr('id')
        }
        $('id').hide();
    },
    stop: function() {
        .click(function() {   // same
        var id = $(this).attr('id')
        }
        $('id').show();
    }
});

编辑:示例我的问题:fiddle

1 个答案:

答案 0 :(得分:1)

请告诉我这是否是您要找的东西:
JavaScript代码

$("#column-left, #column-middle, #column-right").sortable({
    connectWith: ".sort",
    handle: ".title",
    placeholder: "salih",
    cursor: 'move',
    revert: 'invalid',
    start: function() {
        $(this).find('.contents').hide();
    },
    stop: function() {
        $(this).find('.contents').show();
    }
});
$(".sort").disableSelection();

通常,$(this).find('.contents')将是您要拖动的子元素(内容)。

此外,我已将3个相同的方法合并为1,避免重复和代码中的任何混乱。