效果无法实现
// 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 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程



恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星