请问老师能再讲讲这段代码吗，只看懂这是在绑定事件和绑定的事件方法
来源：5-2 首页.UI组件-UiSearch（2）
慕标7286559
2020-06-09 23:39:09
$.fn.UiSearh = function(){
var ui =$(this);
$('.ui-search-selected',ui).on('click',function(){
$('.ui-search-select-list').show();
return false;
});
$('.ui-search-select-list a',ui).on('click',function(){
$('.ui-search-selected').text($(this).text());
$('.ui-search-select-list').hide();
return false;
});
$('body').on('click',function(){
$('.ui-search-select-list').hide();
});
}
$(function(){
$('.ui-search').UiSearh();
});
写回答
1回答
-
好帮手慕言
2020-06-10
同学你好，可以参考下方理解：
$.fn.UiSearh = function () { // 将$(this)赋值给变量ui var ui = $(this); // 给类名为ui-search-selected的元素绑定点击事件 $('.ui-search-selected', ui).on('click', function () { // 菜单显示出来 $('.ui-search-select-list').show(); // 阻止事件冒泡 return false; }); // 给菜单里的a标签绑定点击事件 $('.ui-search-select-list a', ui).on('click', function () { // 类名为ui-search-selected元素里的内容，修改为点击的a标签里的内容 $('.ui-search-selected').text($(this).text()); // 隐藏菜单 $('.ui-search-select-list').hide(); // 阻止事件冒泡 return false; }); // 给body绑定点击事件 $('body').on('click', function () { // 隐藏菜单 $('.ui-search-select-list').hide(); }) }// 调用UiSearh方法 $('.ui-search').UiSearh();如果我的回答帮到了你，欢迎采纳，祝学习愉快~
1
相似问题