JQTOUCH动画效果无法在单独的页面上运行

时间:2011-07-26 07:19:53

标签: jquery jsp mobile jqtouch

我想使用jqtouch动画效果。我的情况是假设我有两个名为first.html和second.html的html页面。 First.html有一个锚标记,引用second.html。而且second.html也有一个引用first.html的锚标签。有了这个href,我也传递了查询参数。我希望在这些页面之间有动画效果。

我无法使用jqtouch给出效果,因为示例应用程序在同一页面本身显示效果。请提供有关此效果的一些帮助。我应该在脚本中做出哪些更改并提供示例代码。

谢谢

1 个答案:

答案 0 :(得分:2)

您是否尝试过addydmasi在JQTouch Animations Wiki上提供的建议?粘贴下面的相关评论以便于参考:

To those who want to animate between two separate web pages, try this in your <body>:

<div id="main"><ul><li><a href="#page1" class="slide">Go to another page</a></li></ul></div>
<div id="page1"><iframe src="http://google.com">Error</iframe></div>
Replace the src with the file name of the second page and also "page1" with any other name. Then add this to your <head>:

<style type="text/css">div>iframe{width:100%;height:100%;margin:0;padding:0;border-width:0;}</style>

如果有效,请告诉我们。