在方法中移动列表项？

Question

我在列表中移动项目如下：

$('.list-item').eq(20).before('.item-to-move');

以上作品。

当我将上述内容移至新方法时，它无法正常工作。为什么呢？

例如：

p.updatePos = function(){

    $('.list-item').eq(20).before($('.item-to-move'));
}

我已经记录了上面的方法并且它被调用了。仅出于测试目的，我称之为：

$('body').on('click', this.updatePos);

此外，我在方法中尝试了这个，以测试我的目标是正确的：

 p.updatePos = function(){

    $('.list-item').hide();
    $('.item-to-move').hide();
}

以上作品。

我哪里错了？

Answer 1

这是工作版本：

var p = {
updatePos: function(){
    $('.list-item').eq(5).before($('.item-to-move'));
}
};

$('body').on('click', p.updatePos);

https://jsfiddle.net/2nw2xczp/