JavaScript / jQuery：如何链接使用console.log（）的方法

I'm playing around with jQuery plugin development, and I'd like to chain methods. I read in the jQuery tutorial (https://learn.jquery.com/plugins/basic-plugin-creation/) that you can chain methods by adding return this; to the end of the method, and that works for the first method (test 1). How can I do that for the second method (test 2), which uses console.log? Can all methods be chained?

我正在玩jQuery插件开发,我想链接方法。我在jQuery教程(https://learn.jquery.com/plugins/basic-plugin-creation/)中读到,你可以通过添加return this链接方法;到方法的最后,这适用于第一种方法(测试1)。我如何为使用console.log的第二种方法(测试2)做到这一点?所有方法都可以链接吗?

   // test 1
    $.fn.greenify = function () {
        this.css('color', 'green');
        return this;
    };

    // test 2
    $.fn.console = function () {
        this.on('click', function () {
            console.log('hello world');
        });
    };

    $('a').greenify().console();

1 个解决方案

#1

The second method should return the jQuery instance. The fact that the event handler uses console.log function has nothing to do with the returned value of that method. As on returns the jQuery object you can code:

第二种方法应该返回jQuery实例。事件处理程序使用console.log函数的事实与该方法的返回值无关。当on返回jQuery对象时,您可以编写代码:

$.fn.console = function () {
   return this.on('click', function () {
      console.log('hello world');
   });
};

Now the console method is chainable!

现在控制台方法是可链接的!

1 个解决方案

#1

更多相关文章

随机推荐