form标签的位置影响jQuery WeUI滚动加载使用的例子
来源:互联网 发布:算法竞赛入门书籍推荐 编辑:程序博客网 时间:2024/05/17 07:29
最近在做微信开发的时候出现了一个问题,发觉滚动加载不起作用了。由于代码较多。我简化下,原来的代码大致是这样得:
<form id="form1"><div id="tab2" class="weui_tab_bd_item"><div class="content"><div class="weui_cells" data-bind="with:WorkplaceMatchVM"> 。。。</div><div class="weui-infinite-scroll hidden"> <div class="infinite-preloader"></div> 正在加载... </div></div></div></div></form>
相应的js代码:
$("#tab2").infinite().on("infinite", function () { console.info("tab2"); if (page.loading) return; page.loading = true; $("#tab2 .weui-infinite-scroll").show(); setTimeout(function () { console.info(page.pageIndex); GetWorkplaceMatchList(); page.loading = false; $("#tab2 .weui-infinite-scroll").hide(); }, 1000); });
但是在js调试console输出中并没有看到tab2,这意味着根本未执行滚动加载事件。原以为是在调用的时候少写了什么代码,但是经过对比后,并未发现与其他页面的滚动加载有什么不同。要说有什么不同的话,也就是多了一个form标签。但这个标签也没引起我的注意,因为实在想不出这个标签会对滚动加载有什么影响。后来由于发现在这个页面发现其他滚动加载不受影响,可以正常执行。而这些滚动加载没有form标签,才引起了我的注意。
于是我调整了form标签的位置,调整后代码这个样子:
<div id="tab2" class="weui_tab_bd_item"><form id="form1"><div class="content"><div class="weui_cells" data-bind="with:WorkplaceMatchVM"> 。。。</div><div class="weui-infinite-scroll hidden"> <div class="infinite-preloader"></div> 正在加载... </div></div></div></form></div>
刷新执行后,没问题了,滚动加载可以正常使用。但是,仍然不能明白这个form标签为什么会影响滚动加载的运行。我查看了jquery-weui.js相关infinite事件定义的相关代码。没有找到与form相关的地方。真是日了狗了。看来JAVASCRIPT的水平还是菜啊。牵涉到底层的代码就分析不出原因了
0 0
- form标签的位置影响jQuery WeUI滚动加载使用的例子
- jquery如何操作类名相同的一组标签(文章后有结合weUI使用的实际例子)
- jquery weui ajax滚动加载更多
- jquery-weui的学习与使用
- jQuery根据滚动条位置加载相应的内容
- jquery weui实现多tab异步滚动加载更多
- jquery滚动条滚动的指定位置
- 修正jquery-weui对话框在IOS上的弹出起始位置的问题
- Jquery.Form的使用
- 在panel中加载form的例子
- jquery-weui的gulp自定义配置
- jquery weui 自定义html的promt
- 关于Jquery WEUI Popup的笔记
- JS中script标签位置对页面的影响
- marquee滚动标签的javascript(jquery)替代品
- jQuery form插件的使用
- Jquery.form.js的使用
- js位置对浏览器加载页面的影响
- 压力测试工具JMeter入门教程
- 块级元素与行内元素的区别
- Struts2实现文件的上传和下载
- 【使用JMeter 对Web服务器压力测试】
- 一个Spring启动时找不到类的问题修复记录
- form标签的位置影响jQuery WeUI滚动加载使用的例子
- HttpURLConnection请求网络
- seetaface FaceDetection模块
- 说说那些电脑外设,数位板的保养与维修
- apache common Lang包StringUtils系列(四)
- 调通了ffmpeg tutorial例程
- 在PreparedStatement中,sql使用in操作符的问题
- Linux系统上安装OpenOffice
- 数据库 三范式最简单最易记的解释