(function($) {

//阻尼系数

var deceleration = mui.os.ios?0.003:0.0009;

$('.mui-scroll-wrapper').scroll({

bounce: false,

indicators: true, //是否显示滚动条

deceleration:deceleration

});

$.ready(function() {

//循环初始化所有下拉刷新,上拉加载。

$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {

$(pullRefreshEl).pullToRefresh({

down: {

callback: function() {

var self = this;

setTimeout(function() {

var ul = self.element.querySelector('.mui-table-view');

ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild);

self.endPullDownToRefresh();

}, 1000);

}

},

up: {

callback: function() {

var self = this;

setTimeout(function() {

var ul = self.element.querySelector('.mui-table-view');

ul.appendChild(createFragment(ul, index, 5));

self.endPullUpToRefresh();

}, 1000);

}

}

});

});

var createFragment = function(ul, index, count, reverse) {

//var length = ul.querySelectorAll('li').length;

var fragment = document.createDocumentFragment();

var li;

var dataArr = dataList();//我在这里调用这个方法

for (var z = 0; z < count; z++) {

li = document.createElement('li');

li.className = 'mui-table-view-cell';

//li.innerHTML = '第' + (index + 1) + '个选项卡子项-' + (length + (reverse ? (count - i) : (i + 1)));

for(var i = 0; i < dataArr.length; i++){

var item = data[i];

var faqId = item.faqId;

var faqName = item.faqName;

}

li.innerHTML = '

' + faqName + '

'

fragment.appendChild(li);

}

return fragment;

};

//没有拿到数据,但是url测试时是有数据的

var dataList = function(){

var url = 'http://www.beta.anviz.com/myanviz/faq/ajax.html?category_id=0';

var dataArr = [];

mui.ajax({

type: 'GET',

url: url,

dataType: 'json',

success: function(data) {

console.log(data);//这个data就没有数据

var list = data.data;

for(var i = 0; i < list.length; i++) {

var item = list[i];

var faqName = item.faqName;

var faqId = item.faqId;

var dataEntity = {};

dataEntity.faqName = faqName;

dataEntity.faqId = faqId;

}

dataArr.push(dataEntity);

return dataArr;

}

});

}

});

})(mui);

ajax中的url是有数据的,但是却在调试中却取不出来,不知道是什么原因,大家能帮着看看吗?谢谢

mui用ajax上拉加载更多,mui 中的一个上拉加载及下拉刷新的方法 ,但是我使用ajax拿不到url中的数据,是为什么?...相关推荐

  1. 如何在App中实现朋友圈功能之六快速实现下拉加载朋友圈功能——箭扣科技Arrownock

    如何在App中实现朋友圈功能 之六 快速实现下拉加载朋友圈功能 实现逻辑: 根据上次下拉刷新的时间从数据库加载出limit(比如10)条post,判断总数据条数: a. 如果总数据大于limit条,清 ...

  2. dw二级联动下拉菜单插件 宋君墨_Excel实例——一级、二级、多级下拉菜单一次讲透...

    啥叫下拉菜单?啥叫一级?二级?多级?你们都在说啥? 一级下拉菜单 其实是一级,这里就不再多次强调是一级了,就是下拉菜单! 当需要多人填写,又保证填写规范的时候,下拉菜单使用起来是非常有必要了!两种办法 ...

  3. element做树形下拉_一个基于 elementUi的vue树形下拉框组件

    # wl-vue-select,wl-tree-selectcss # 简介vue 用于vue框架的树形下拉框及带全选的普通下拉框.   node Tree drop-down box for vue ...

  4. ​360搜索下拉词框跟相关搜索算法原理是什么?如何做360下拉推广?​

    一.360相关搜索跟下拉词算法分析 首先我们来分析一下360下拉词产生的算法是怎么样的? 通常来说,一个下拉词的产生跟这个词语的热度是相关的,简单的说就是一个词语的关注度(资讯.搜索等等)热度越高,那 ...

  5. 一个WinForm记事本程序(包含主/下拉/弹出菜单/打开文件/保存文件/打印/页面设置/字体/颜色对话框/剪切版操作等等控件用法以及记事本菜单事件/按键事件的具体代码)...

    (一).说明 功能类似Windows 操作系统自带的记事本.  一个WinForm记事本程序(包含主/下拉/弹出 菜单/打开保存对话框等控件用法以及记事本菜单事件的具体代码) (二).图片示例 (三) ...

  6. QTableView 表格中插入图片、勾选框、下拉框

    QTableView 表格中插入图片.勾选框.下拉框 效果图 QT的Delegate,可以实现TableView中每一个单元格的显示形式.本例利用Delegate的paint函数绘制出图片.勾选框.下 ...

  7. mui用ajax上拉加载更多,mui上拉加载更多的使用

    demo地址 mui框架中上拉加载的坑 1.在函数自己上拉加载行为后的回调函数 2.在mui封装的上拉加载中,点击某一项会失效. 解决方法 1.该函数是必须要写的,用来写自己的逻辑需求,但是一般情况下 ...

  8. android 加载更多动画效果,Android实践之带加载效果的下拉刷新上拉加载更多

    前言 之前写的一个LoadingBar,这次把LoadingBar加到下拉刷新的头部.从头写一个下拉刷新,附赠上拉加载更多.下面话不多说了,来一起看看详细的介绍吧. 效果图: 实现过程 首先是自定义属 ...

  9. html加载更多实现代码,如何实现点击“加载更多”?

    看你的样子用的应该是java写的后端(, ...).为了实现加载更多,其实就是点击按钮后在不刷新页面的情况下添加更多的内容显示到当前页面中.用ajax拉取数据,前提是后端能够根据条件(例如:页号.分类 ...

  10. 一个简单的适用于Vue的下拉刷新,触底加载组件

    话不多说,直接上代码,原文地址 博客地址 <template><div class="list-warp-template"@touchstart="h ...

最新文章

  1. Python中的函数参数类型
  2. 自学python还是报班-Python应该自学还是报班好?
  3. 【我的Android进阶之旅】如何快速寻找Android第三方开源库在Jcenter上的最新版本...
  4. 剖析SQL Server执行计划
  5. leetcode 257. 二叉树的所有路径(Java版)
  6. 《C++代码设计与重用》——1.7 参考文献和相关资料
  7. SAP UI5 初学者教程之十五 - 对话框和 Fragments 的使用方式试读版
  8. WindowsLinux常用命令笔记
  9. CoAP学习笔记——服务器端繁忙时的处理请求流程
  10. Python笔记之读取yaml文件
  11. 实例教程三:文件的保存与读取
  12. CTF-Web SQL注入
  13. 【科研小技巧|知网】如何下载 PDF 格式的学位论文
  14. 世界需要简化第四篇:从地面发射人造卫星或战术导弹,如何控制其运行轨道?——算法经高度抽象简化,所有下标经仔细核对
  15. 信捷pLC C语言错误格式,信捷PLC常见问题及解决方法经验分享
  16. Linux使用nvida-smi查看GPU类型
  17. KnowStreaming贡献流程
  18. HTML调用PHP的方法
  19. ROS1学习笔记--xacro
  20. 如何正确看待地方门户网站的品牌推广理念

热门文章

  1. matlab出现问题:TRANSPOSE 不支持 N 维数组。请使用 PAGETRANSPOSE/PAGECTRANSPOSE 转置页,或使用 PERMUTE 重新排列 N 维数组的维度。
  2. 1009 - Back to Underworld(DFS)
  3. ubuntu 19.04下交叉编译64位vlc 3.0.8
  4. 诛仙mysql数据库清空_数据库管理,启动命令,输入密码,用户名,虚拟机诛仙zx1324-1345一键镜像端、纯端kfvip - Welcome to XiongTianQi.CN...
  5. 程序员的幽默你不懂:那些让你爆笑的程序员段子
  6. Exp7 网络欺诈防范 ————20164316张子遥
  7. 脚本小子_python基础
  8. Android 手机震动提示效果 Android Vibrator 手机震动
  9. 如何设置计算机桌面待办事项,Windows电脑桌面云便签怎么设置每天提醒待办事项?...
  10. redis unlink