2

我正在尝试创造像彗星一样的东西。我有一个从 php 页面收集数据的插件。问题是我不知道如何调用插件本身。

如果它是一个函数,我可以这样:function j () {setTimeout(j(), 1000);},但我使用的是 jQuery 插件。

这是我的插件代码:

(function($) {
$.fn.watch = function(ops) {
    var
        $this_ = this,
        setngs = $.extend({
            'type'  : 'JSON',
            'query' : 'GET',
            'url'   : '',
            'data'  : '',
            'wait'  : 1000
        }, ops);

        if (setngs.type === '') {
            return false;
        } else if (setngs.query === '') {
            return false;
        } else if (setngs.url === '') {
            return false;
        } else if (setngs.wait === '') {
            return false;
        } else if (setngs.wait === 0) {
            setngs.wait = 1000;
        }

        var xhr = $.ajax({
            type        : setngs.query,
            dataType    : setngs.type,
            url         : setngs.url,
            success     : function(data) {
                var i = 0;
                for (i = 0; i < data.length; i++) {
                    var html = $this_.html(), str = '<li class="post" id="post-' + data[i].id + '"><div class="inner"><div class="user">' + data[i].user + '</div><div class="body">' + data[i].body + '</div></div></li>';
                    $this_.html(str + html);
                }
                setTimeout($this_, 1000);
            }
        });
};
})(jQuery);

它说setTimeout($this_, 1000);这是我遇到麻烦的地方。我不知道该怎么称呼这个插件。$this_是我认为可能有效的方法,但我错了。那是我需要更换的。

谢谢你的帮助。

4

1 回答 1

1

在这里,我可能会使用 JavaScriptcall()来调用函数。MDN 文档

因此,在插件中,您可以使用$.fn.watch.call(this). 传入的参数call设置了它的范围,因此传入this以在同一范围内调用它。

我整理了一个基本示例,说明它是如何在JSBin上工作的。

您可以setTimeout像这样使用它:

setTimeout(function() { $.fn.watch.call(this) }, 1000);

JSBin 示例

希望这可以帮助 :)

于 2012-06-17T21:34:48.723 回答