将Li移动到顶部隐藏背景

时间:2014-02-17 12:07:19

标签: jquery html-lists jsfiddle

我需要一个帮助 点击李我正在接受它的工作正常,你可以在这里看到

http://jsfiddle.net/65fed/1/

 var theLis = lis.get(); // to be sorted
        if (li.is(":animated")) return; // stop double clicks!
        arrayMove(theLis, li.index(), 0);

在我的应用程序中,我有白色背景 但是当我的应用程序具有白色背景时,在移动背景时会发生什么。 我需要的是,当我的李移动到顶部时,它应该以这种方式调整背景。

http://jsfiddle.net/N2Py9/

  $('li.method-item').click(function () {

    var $this = $(this),

    callback = function () {
        $this.insertBefore($this.siblings(':eq(o)'));
    };
    $this.slideUp(500, callback).slideDown(500);
});

注意:但是应该将方法作为提供的第一个链接。

先谢谢

1 个答案:

答案 0 :(得分:1)

这是我放在一起的那个

http://jsfiddle.net/65fed/3/

您可能需要更改它以检查它是否是单击的第一个项目。

$('li.method-item').click(function () {
    var item = $(this);
    var ul = item.parent();
    item.css({
        position: 'absolute', 
        top: item.position().top, 
        width: item.width()+'px',
        background: '#fff'
    });
    item.animate(
        {top: 0}, 
        {speed: 200, complete: function(){
            var itemclone = item.detach();
            itemclone.css({position: 'relative', top: '0px', background: 'none'});
            ul.prepend(itemclone);
        }}
    );
});

编辑:
使用下面的小提琴
我更新了它,以确保点击的一个始终在顶部,并检查是否单击了第一个项目。

http://jsfiddle.net/65fed/4/