8

Page1.html、Page2.html の 2 つの HTML ページがあります。2 つのページ間をスライドさせたいと思います。2 つの div 間をスライドしたり、コンテナー内でスライドしたりするためのプラグインとソリューションをたくさん見つけましたが、必要なのは完全なページ変更です。

私は何かを見つけましたが、問題は、ページの読み込み時にページ 2 の 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 を含む 1 つのページを示す多くの例に対して、完全なページ遷移を探していました。Animate.css がうまく機能することがわかりました。

このリンクのデモ。

ここに画像の説明を入力

于 2015-12-11T19:10:34.793 に答える