激活一个功能时,页面显示jquery移动
Activating a function when pageshow jquery mobile
我有一个jquery pageshow函数内的函数,只应该在某个页面(id)上激活。但由于某些原因,它没有运行该脚本。带有id的页面是动态的。
下面是我的代码示例
$(document).on('pageshow', '#fragment-1', function() {
$.mobile.activePage.find("div [data-role=tabs] ul li:first-child a").click();
createCheckboxes('#fragment-2')
});
function createCheckboxes(into){
var players_names = playerCal("ars", 7, 5);
$("#createBtn").remove();
$(into).append('<fieldset class="cbFieldSet" data-role="controlgroup">');
var length = players_names[0].length;
$(".cbFieldSet").append("<ul data-role='listview' data-inset='true' data-theme='d' data-divider-theme='e' data-count-theme='b'><li data-role='list-divider'><span>Select players in the next line up2</span></li></li>");
for(var i=0;i<length;i++){
$(".cbFieldSet").append('<li><input type="checkbox" name="cb-'+i+'" id="cb-'+i+'" value="'+players_names[0][i]+'"/><label for="cb-'+i+'">'+players_names[0][i]+'</label></li>');
}
$(".cbFieldSet").append("</ul>");
$(into).trigger("create");
$("#showBtn").css("visibility","visible");
console.log(players_names);
}
我的动态页面的例子,它的工作
+"<div id='fragment-1'>"
+ "<form>"
+ "<fieldset data-role='controlgroup' class = 'content'>"
+ "</fieldset>"
+ "</form>"
+ "</div>"
+ "<div id='fragment-2'>"
+ "<form>"
+ "<fieldset data-role='controlgroup' class = 'content'>"
+ "</fieldset>"
+ "</form>"
+ "</div></div></div>");
我喜欢有人提出清晰易读的问题。
你有一个错误在你的代码,div持有你的页面不正确形成jQUery移动页面。
改变:
<div id='fragment-1'>
:
<div id='fragment-1' data-role="page">
页面事件仅适用于属性为data-role=" Page "的div容器。
更新:
从你/我之前的例子制作的工作示例:http://jsfiddle.net/Gajotres/vds2U/55/
相关文章:
- 如何在悬停时显示文本而不移动页面上的内容
- 以下数据布局在设置显示上向上移动:无
- 在移动浏览器上显示大型文本文件
- IE(移动设备)在触摸时不显示子项
- 如何移动PIXI显示对象
- 当我将子项从一个父项移动/复制到另一个父级时,如何重新计算显示
- 将页面内容向左移动时显示/隐藏右侧面板
- 尝试在画布中对形状进行动画处理时,它会显示,但不移动
- jQuery移动显示页面5秒钟,然后重定向
- 显示移动窗口时引导导航栏中的 atach 搜索栏
- iPhone锚点,scrollTop,scrollTo显示移动按钮栏,但不会滚动或跳到锚点
- 为什么 Jquery 移动显示移动友好在桌面浏览器上看起来很友好
- 显示移动键盘时转换3d断断续续
- HTML:在输入之间切换时显示移动
- 未显示移动应用程序中的自定义 javascript/jquery 对话框
- 滚动时隐藏/显示移动浏览器导航/URL栏
- 禁用JavaScript:如何显示移动和桌面的不同消息
- 确定菜单项是否溢出,然后显示移动菜单
- ios不断显示移动web应用程序的加载微调器
- 谷歌分析不显示移动流量