老师,这一段代码不是很懂,可否详细讲解一下

老师,这一段代码不是很懂,可否详细讲解一下

$.fn.extend({

    search: function(option) {

        return this.each(function() {

            

            var $this=$(this),

            search=$this.data('search'),

            options = $.extend({}, Search.DEFAULTS, $(this).data(), typeof option==='object'&&option);

            // dropdown(this, options);  

            if(!search){//解决多次调用search问题

                $this.data('search',search=new Search($this,options));


            }  


            if(typeof search[option]==='function'){

                search[option]();


            }


        });


    }

});


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2020-02-12 10:27:27

同学你好, 如下所示代码,就是调用search方式。

http://img1.sycdn.imooc.com//climg/5e43619309c8998009840630.jpg

可以在serach方法中打印传入的参数,测试一下结果。示例:

http://img1.sycdn.imooc.com//climg/5e4361b309525e7210440604.jpg

打印结果:与传入的参数一致。

http://img1.sycdn.imooc.com//climg/5e4362030971243116100406.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

好帮手慕慕子 2020-02-11 18:32:27

同学你好,这一段代码就是使用JQuery插件的写法,将我们自己封装的search方法变成jQuery对象的方法,与前面的老师详细讲解的dropdown的设置方式是一样的原理。 

同学可以回顾一下视频讲解dropdown模块,如果还有疑惑, 建议: 同学具体是哪里不明白的, 可以详细的描述一下, 便于老师准确高效的为你解决问题

如果我的回答帮助到了你, 欢迎采纳, 祝学习愉快~~~

  • 提问者 你要去哪 #1
    自动执行的么?不用调用吗?不知道在哪里调用的?
    2020-02-12 03:39:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师