使用jQuery插件移动元素-setInterval

Question

为什么此代码不起作用？
我写了这段代码，但是：

(function($){
$.fn.newsSlider = function() {
    setTimeout(function() {
        this.each( function() {
            $(this).each(function(){
                $(this).append($(this).children(":first-child").clone());
                $(this).children(":first-child").remove();
            });
        });
    }, 3000);
}

}（jQuery））;

使用setInterval：
http://jsfiddle.net/OmidJackson/46UNg/
没有setInterval：
http://jsfiddle.net/OmidJackson/6bKWU/

Answer 1

你的问题是， this有setTimeout函数字面内不同的含义（window对象）。 在不同的上下文中，请查看此答案以获取有关this信息的更多信息。

解决方案是保存this的引用，以便您可以在setTimeout中使用它。
请参阅此示例 。

Answer 2

您需要存储this因为它当前具有window的值

var $this = this;
setTimeout(function() {
    $this.each( function() {
        $(this).each(function(){
            $(this).append($(this).children(":first-child").clone());
            $(this).children(":first-child").remove();
        });
    });
}, 3000);