0

DOM 内のすべてのページを異なる DIV id でロードするという原則に基づいて動作するマルチページ フォームがあります。フォームを進めていくと、style="display:none"表示されない Div に単に a が表示されます。

2 つのページに同じコンテンツを含める必要があるという問題がありますが、javacript と jquery を使用しているため、競合が発生しています (技術的には、両方のページが読み込まれ、スクリプトが競合しているため)。

関数の場合、php を取得できますか? - IF Div idgform_page_2_2にstyle="display:none"ロード (html a のブロック) があり、IF Div idgform_page_2_3にstyle="display:none"ロード (html b のブロック) がある場合、それ以外の場合は何もロードしません。

どうすればこれを行うことができますか？

4

2 に答える 2

0

あなたが何を求めているのか正確にはわかりませんが、いつ適用するかを判断する方法があるのでstyle="display:none"、ブール値display_none=trueを使用してifで使用できます。

于 2012-04-11T10:33:32.800 に答える
0

これはサンプルコードです。ここでは、ここで jQuery を利用しました。インデックス ページの個別の DIV 内に各ページのコンテンツを含めました。次に、ナビゲーションバーのメニューをクリックすると、ページのコンテンツが表示されました。これがあなたにアイデアを与えることを願っています。:)

Jスクリプト:

        <script type="text/javascript">

            $('.nav_button').click(function (){
                var page = $(this).text().toLowerCase();
                $('#content').html($('#'+page+'_page').html()); //display content of div(that holds the content of the respective page) in the "conetent" div
                $('html, body').animate({scrollTop: $("#navbar").offset().top}, 'slow');  //scroll back to the top

                return false;
            });
        </script>

HTML:

        <!-- Navigation menu -->
        <div id="navbar">
            <a class="nav_button" href="#">Home</a>
            <a class="nav_button" href="#">About</a>
            <a class="nav_button" href="#">Contact</a>
        </div>

        <div id="content">
           <!-- Here page content will be displayed -->
        </div>

        <!-- This div holds the contents of each page -->
        <div style="display:none;">
           <!-- Contact Page -->
           <div id="contact_page">
             You can contact me through this email....
           </div>
           <!-- About Page -->
           <div id="about_page">
             About me? I love coding...
           </div>
           <!-- Home Page -->
           <div id="home_page">
             Yo! You are at my home page. Check out my whole site and enjoy :)
           </div>
        </div>

これがお役に立てば幸いです :) 実際の動作を見たい場合は、www.magcojennus.co.ccにアクセスしてください(大学時代に作成したサイトです :) )

于 2012-04-11T10:51:11.727 に答える