页面转换的jquery插件

我正在为iPad编写一个简单的HTML5应用程序，我正在寻找一个简单的jquery页面转换解决方案。我知道你会推荐jQueryMobile但它使用ajax加载当前页面中的下一页，然后开始转换，所以我尝试加载的页面的css越来越不安see my question的问题。我也试过this这个插件是我一直在寻找的东西，但问题在于它不能和iPad一起工作，而且页面在转换时闪烁了很多，所以我放弃了这个选项。我发现的另一个选项是jQTouch，但据我所知，jQTouch仅适用于div的转换效果，不知道如何将其用于页面转换。页面转换的jquery插件

我想要的是，点击转换链接<a href="index.html">Transition</a> index.html应显示与转换效果没有闪烁和css干扰index.html页面。

有人可以请推荐我一些插件，使用它我可以实现页面转换而不会在转换时干扰CSS。

来源

2012-09-14 Sandeep Kumar

希望这对你的作品......虽然是必要的jQuery以下解决方案为我：

后

先右侧，身体标记补充一点：

<div id="loading"> 
    <img id="loading-image" src="images/ajax-loader.gif" alt="Loading..." /> 
</div>

然后添加样式类的DIV和形象你的CSS：

#loading { 
    width: 100%; 
    height: 100%; 
    top: 0px; 
    left: 0px; 
    position: fixed; 
    display: block; 
    opacity: 0.7; 
    background-color: #fff; 
    z-index: 99; 
    text-align: center; 
} 

#loading-image { 
    position: absolute; 
    top: 100px; 
    left: 240px; 
    z-index: 100; 
}

最后这个JavaScript添加到您的网页（最好在你的页面的结束，成交当然标记之前）：

<script language="javascript" type="text/javascript"> 
$(window).load(function() { 
$('#loading').hide(); }); 
</script>

然后通过样式类调整加载图像的位置和加载div的背景颜色。

这就是它，工作得很好。但是当然你必须在某个地方有一个ajax-loader.gif。

尝试AJAXLoad他们有一些伟大的动画GIF的那里.. :)

来源

2013-01-04 06:12:34

我会试试看。 –

页面转换的jquery插件

回答

相关问题