效果无法实现
// ui-search定义 $.fn.UiSearch=function(){ var ui=$(this); $('.ui-search-selected',ui).on('click',function(){ $('.ui-search-select-list').show(); console.log(1); 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(); }) } // ui-tab 定义 /** * @param {string} hearder TAB组件 所有选项卡 item * @param {string} content TAB组件的内容区域 所有item * @param {string} focus_prefix 选项卡高亮样式前缀 */ $.fn.UiTab=function(header,content,focus_prefix){ var ui=$(this); var tabs=$(header,ui); var cons=$(content,ui); var focus_prefix=focus_prefix||''; tabs.on('click',function(){ var index=$(this).index(); tabs.removeClass(focus_prefix+'item_focus').eq(index).addClass(focus_prefix+'item_focus'); cons.hide().eq(index).show(); return false; }) } //ui-backTop $.fn.UiBackTop=function(){ var ui=$(this); var el=$('<a class="ui-backTop" href="#"></a>'); ui.append(el); var windowHeight=$(window).height(); $(window).on('scroll',function(){ var top=parseInt($('body').scrollTop()); if(top>windowHeight){ el.show(); console.log(1); }else{ el.hide(); console.log(2); } }) el.on('click',function(){ $(window).scrollTop(0); }) } // 页面的脚本逻辑 $(function(){ $('.ui-search').UiSearch(); $('.content-tab').UiTab('.caption>.item','.block>.item'); $('.content-tab .block .item').UiTab('.block-caption>a','.block-content>.block-wrap','block-caption-'); $('body').UiBackTop(); })
老师你好,我的返回顶部在hbuildx中可以实现,但是在火狐谷歌浏览器中就不行了,返回顶部的小图标不会出现,我给代码中加了console.log(),2可以打印出来,但是1始终不行
0
收起
正在回答
2回答
相似问题
登录后可查看更多问答,登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星