0

我有一个多页表单，它的工作原理是在不同的 DIV id 下加载 DOM 内的所有页面，当您通过表单时，它只是style="display:none"向不应显示的 Div 广告。

我有一个问题，两个页面需要具有相同的内容，但是当我使用 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 中。然后在我的导航栏中单击菜单时显示页面的内容。我希望这会给你一个想法。:)

脚本：

        <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 回答