0

珍しい問題があります。

以下のコードは正しく動作しません。私はそれをjsFiddleに貼り付けましたが、うまく動作しますが、私のWebサイトではスムーズに動作せず、見栄えもよくありません. 何をすべきか: 「ここから開始」ボタンをクリックした後、コンテンツ全体をスムーズにスライドアップしてから、次のページに進む必要があります。実際に上にスライドし始めますが、最後まで行かず、新しいページをロードします。何らかの遅延を使用して修正できると思いますが、私はjQueryが初めてで、適切に行う方法がわかりません。または、別の方法で整理することもできます。(問題は修正されました。理由: min-height が適用されました)

次に直面した問題は、外部の .js ファイル (コード内のコメント付きフラグメント) の読み込みです。私がそれを行うと、スクリプトは機能しません。ボタンの下にスクリプトを配置すると、機能します。ボタンの下のタグにコードを配置する代わりに、ヘッドセクションに外部.jsとしてコードを実装できるというこの問題を克服するにはどうすればよいですか?

事前にどうもありがとうございました。

コードはここにあります:

    <html>
    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=480" />
        <link rel="stylesheet" type="text/css" href="_css/index.css">
        <script type="text/javascript" src="_js/jquery.js"></script>
        <script type="text/javascript" src="_js/form.js"></script>
    <!--            <script type="text/javascript" src="_js/transitions.js"></script>
    -->
    </head>

    <body>

    <div id="wrapper">

      <div id="header">
            <img src="_images/header.png">
            <div id="spons"><img src="_images/main-sponsor.jpg"></div>
      </div>

      <div id="content">

        <div id="starthere">
                <strong>Thank you. <br/>You have gained access to free Wi-Fi Media Network. <br/>Please enjoy free content from GAME.</strong>
            <div id="finalbut">
                <a href="#" id="roll"><img src="_images/butt-start.png"></a>
            </div>

            <script>
            $("#roll").click(function() {
                 $("#content").slideUp(function() {
                     window.location.href = "menu.html";
                 });
            });
            </script>

        </div>

      </div>

    </div>

    </body>
    </html>
4

1 に答える 1

2

あなたのコンテンツ div にはmin-height、アニメーションを台無しにしている があります。

min-height を削除するだけです

問題のパート 2 では、コードをjQuery on ready eventにラップします。

jQuery を使用するときは、必ずこれを実行してください。すべての準備が整うとコードが実行されるので、どこにでもコードを配置できます。

$(function() {
    $("#roll").click(function() {
        $("#content").slideUp(function() {
            window.location.href = "menu.html";
        });
    });
});
于 2012-11-20T19:37:43.100 に答える