android 图标拖动不了,拖动式选项卡(仿android) 添加了上下拉刷新后,下拉即刷新,而不是滚动到顶后再刷新,同时还想问一下正在刷新的图标怎么移到选项卡下...
这是我的HTML代码
.mui-control-content {
background-color: white;
min-height: 600px;
}
.mui-control-content .mui-loading {
margin-top: 50px;
}
新闻
音乐
sport
第一个选项卡子项-1
第一个选项卡子项-2
第一个选项卡子项-3
第一个选项卡子项-4
第一个选项卡子项-5
第一个选项卡子项-6
第一个选项卡子项-7
第一个选项卡子项-8
第一个选项卡子项-9
第一个选项卡子项-10
第一个选项卡子项-11
第一个选项卡子项-12
第一个选项卡子项-13
第一个选项卡子项-14
第一个选项卡子项-15
第一个选项卡子项-16
静静看这世界
静谧的田野
想要一间这样的木屋,静静的喝咖啡
Color of SIP CBD
静静看这世界
静谧的田野
- 选项卡二
这是我的JavaScript的代码
mui.init({
swipeBack: true,
/*上下拉刷新*/
pullRefresh:{
container:"#scroll1",
down:{
contentdown:"下拉可以刷新",
contentover:"释放立即刷新",
contentrefresh:"正在刷新",
callback:pulldownrefresh,
}
}
/*end*/
});
(function($) {
$('.mui-slider-group .mui-scroll-wrapper').scroll({
//indicators: true //是否显示滚动条
});
var html2 = '
- 第二个选项卡子项-1
- 第二个选项卡子项-2
';
var html3 = '
- 第三个选项卡子项-1
- 第三个选项卡子项-2
';
var item2 = document.getElementById('item2mobile');
var item3 = document.getElementById('item3mobile');
document.getElementById('slider').addEventListener('slide', function(e) {
if (e.detail.slideNumber === 1) {
if (item2.querySelector('.mui-loading')) {
setTimeout(function() {
item2.innerHTML += "hehehe";
}, 700);
}
} else if (e.detail.slideNumber === 2) {
if (item3.querySelector('.mui-loading')) {
setTimeout(function() {
item3.querySelector('.mui-scroll').innerHTML = html3;
}, 700);
}
}
});
var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
$('.mui-input-group').on('change', 'input', function() {
if (this.checked) {
sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-' + this.value;
//force repaint
sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
}
});
})(mui);
//下拉刷新
function pulldownrefresh()
{
setTimeout(function(){
var table=document.body.querySelector('.mui-table-view');
var cells=document.body.querySelector('.mui-table-view-cell');
for(var i=0;i<3;i++)
{
var li=document.createElement('li');
li.className='mui-table-view-cell';
li.innerHTML="item"+(i+1)+"";
table.insertBefore(li,table.firstChild);
}
mui('#scroll1').pullRefresh().endPulldownToRefresh();
},1500);
}
android 图标拖动不了,拖动式选项卡(仿android) 添加了上下拉刷新后,下拉即刷新,而不是滚动到顶后再刷新,同时还想问一下正在刷新的图标怎么移到选项卡下...相关推荐
- Android设置状态栏颜色,沉浸式状态栏 fllutter Android设置沉浸式状态栏
1. Android原生设置沉浸式状态栏,设置状态栏颜色,字体颜色 import android.annotation.TargetApi; import android.app.Activity; ...
- android微信下拉出现小程序,Android仿微信首页下拉显示小程序列表
花点时间重新熟悉一下AndroidUI方面的东西,把古董PullToRefreshView又撸了一遍,技术这种东西真是忘得快啊...在基础上新增一点东西,粗糙地实现了仿微信首页下拉显示小程序列表的样式 ...
- android 浮动文字提示,怎么在Android中实现一个自由拖动并显示文字的悬浮框
怎么在Android中实现一个自由拖动并显示文字的悬浮框 发布时间:2021-01-27 15:34:05 来源:亿速云 阅读:107 作者:Leah 今天就跟大家聊聊有关怎么在Android中实现一 ...
- android 照片特效,Android使用Gallery实现照片拖动的特效
今天要分享一个非常简单的功能: 使用Android原生控件Gallery实现照片拖动的特效 实现思路如下: 在布局文件中定义一个Gallery控件 由于要显示多张图,为了方便,我直接引用了Androi ...
- android listview下拉动画效果,Android开发中利用ListView实现一个渐变式的下拉刷新动画...
Android开发中利用ListView实现一个渐变式的下拉刷新动画 发布时间:2020-11-23 16:50:31 来源:亿速云 阅读:80 作者:Leah 本篇文章给大家分享的是有关Androi ...
- 三、bootstrap4 组件(警告和提示框、徽章和面包屑、按钮按钮组、卡片、列表组、导航和选项卡、分页和进度条、巨幕和旋转图标、轮播图、折叠菜单、下拉菜单、导航条、滚动监听、轻量弹框、模态框、表单)
1.1 警告提示框 1.2 徽章和面包屑 1.3 按钮和按钮组 1.4 卡片 1.5 列表组 1.6 导航和选项卡 1.7 分页和进度条 1.8 巨幕和旋转图标 1.9 轮播图 1.10 折叠菜单 1 ...
- Android 10 状态栏通知图标和下拉状态栏图标为白色问题
前言 安装第三方应用,会在状态栏上面和下拉状态栏通知图标显示白色 原因 因为google在android5.0上面做了限制,为了统一系统风格.之后的状态栏icon就不能够随便用一张色彩丰富的图片了,只 ...
- 用java画安卓图标_30个高质量并且免费的Android图标【Android Icon素材】
有时候你可能不喜欢默认的应用程序图标,取而代之的是一些个性化的图标.实际上对于Android设备的用户来说,改变桌面图标是可能的.你仅仅需 要一些应用程序比如LauncherPro,GO Launch ...
- 微信小程序/网页/app/android等各种bar图标导航图标文章图标标题图标下拉/检索收藏上传客服等图标整理
在做微信小程序的时候,需要给底部放置图标.但是找了好久都没有找到自己想要的,适合的.后来我就把所有的小程序的图标都看了下.后来想想还是整理出来,方便自己以后用,也方便大家一下.我敢保证有你想要的,适合 ...
最新文章
- 【FFmpeg】函数详解(三)
- iTerm2多个窗口同时输入命令
- 【bzoj4145】[AMPPZ2014]The Prices 状压dp
- 计算机基础 在线测试,计算机基础知识在线测试答案.doc
- html5--3.16 button元素
- SSH 登录速度慢的解决办法
- 视觉盛宴VALSE 2021来了!今晚开始【预注册】
- element tree ui 全选_element UI tree 控件,点击父节点进行异步加载,异步加载的数据不能全选...
- python刷课思路_江西干部网络学院-刷课思路
- JS layer时间组件laydate的回调中重置清除选择无效的问题
- h5微信游戏服务器,H5游戏微信大型帮派战源码分享 带服务器端+客户端
- 数据库sql对象名无效问题
- 编译原理及其实践教程(第二版)总结
- 基于stm32的两轮自平衡小车3(硬件篇)
- Spring Boot踩坑记之Whitelabel Error Page问题
- matlab判定hurwitz_[转载]劳斯(Routh-Hurwitz)稳定判据-符号运算版
- 使用screen保持程序在背景继续运行
- 怎么让DIV的高度为浏览器高度
- 使用 Python 分析《我不是药神》豆瓣电影短评
- Myeclipse报错:“Versions of Spring facet could not be detected”的解决方法
热门文章
- 学会在Unity中创建一个Match-3益智游戏 Learn To Create a Match-3 Puzzle Game in Unity
- 扩展jquery实现客户端表格的分页、排序
- IOS中CoreLocation框架地理定位
- 【mysql的编程专题⑤】自定义函数
- linux调试C++错误: 程序中有游离的‘\240’‘\302’
- C#动态加载DLL(转)
- C#生成Excel文件的方法
- QQ验证码识别源代码(C#/NET1.1)
- libev源码解析——定时器监视器和组织形式
- 经典网络GoogLeNet介绍