8

我有两个 html 页面:Page1.html、Page2.html。我想在两页之间滑动。我找到了很多插件和解决方案,可以在两个 div 之间滑动或在容器内滑动,但我需要的是完整的页面更改。

我发现了一些东西,但问题是页面加载时 page2 上的 jquery 代码不会触发。我可以使用 jQuery mobile,但我的项目使用 jQuery ui,它给了我一些冲突......所以我需要别的东西。

该项目应该在 iPad 上运行,因此拥有可以拖动的滑动页面会很酷。但我很乐意为幻灯片找到一个插件。

谢谢你。

4

2 回答 2

1

您几乎没有解决方案,例如使用 Ajax 将内容添加到“新页面”并使用 jQuery 添加一些滑动效果。Stack Overflow 上有一些关于此的主题:

使用 jQuery 在页面之间滑动

页面间滑动效果的线索

或者只是在准备好的页面上添加一些效果,就像在这个示例中一样:

<html>
<head>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script>
        $(document).ready(function(){
            $('body div').slideDown();
        });
    </script>
</head>
<body>
    <div style="width: 400px; height: 400px; background-color: blue; display: none;">
        <a href="page2.htm" style="color: white;">PAGE 2>></a>
    </div>
</body>

<html>
<head>
    <script src="js/jquery-1.7.2.min.js"></script>      
    <script>
        $(document).ready(function(){
            $('body div').slideDown();
        });
    </script>
</head>
<body>
    <div style="width: 400px; height: 400px; background-color: red; display: none;">
        <a href="page1.htm" style="color: white;">PAGE 1>></a>
    </div>
</body>

祝你好运!

于 2013-01-14T10:57:26.860 回答
0

我正在寻找一个完整的页面转换与许多显示一个页面有几个 DIV 的示例。我发现 Animate.css 做得很好。

演示在此链接。

在此处输入图像描述

于 2015-12-11T19:10:34.793 回答