我真的需要som帮助我的javascript和Jquery :) 这是一个从xml读取内容然后放入我的html5页面的应用程序,该页面被假定为动态的。 我现在不需要多少页面,但这取决于xml,所以如果我使xml更长,那么应该有更多的动态页面。 在滑动时,请更改为另一个动态页面。
听起来很奇怪?
这是我想要做的:
向左或向右滑动时,应该在html页面中查找id侧:“”。我已经完成了这个并且“侧面”ID向下或向上计数,具体取决于向左或向右滑动。的完成
代码再次使用“side”div上的id编号来过滤xml文件,以便从xml文件中读取正确的内容。我也设法完成这项任务。的完成
使用xml文件中的内容生成动态页面。我可以生成一个动态页面,但它看起来不正常。 问题出现的地方
使用xml文件中的其他内容生成另一个动态页面。
我可以从一个动态页面转到另一个动态页面
为了节省一些空间,如果你不要求,我不会粘贴整个java脚本:) 生成动态页面,但它似乎不再监听java脚本。 这是我想要帮助的代码行:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
我的javascript中的一小部分
//Here are the divs with the html content
var newPage1 = $("<div data-role=page data-url=AnotherPage class=swipe_area><div data-role=header><h1>Page</h1></div><div id=side class=show_hide></div><div data-role=content align=center><h1><strong>Quiz</strong></h1></div><div id=container align=center></div><div data-role=footer style=position: fixed; bottom: 0px; left: 0px; right: 0px;><h4>Page Foot</h4></div></div");
//append it to the page container
newPage1.appendTo( $.mobile.pageContainer );
//go to it
$.mobile.changePage( newPage1 );