Question

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

我有一个问题，其中两个页面需要具有相同的内容，但是当我使用javacript和jquery时，我遇到了冲突（从技术上讲，两个页面都被加载并且脚本冲突）。

如果功能说明，我可以获得一个PHP - 如果Div ID gform_page_2_2加载style="display:none"（html a阻止），并且IF Div ID gform_page_2_3有style="display:none" load（html块b），否则不加载任何内容。

我怎么会这样做呢？

Answer 1

我不太清楚你究竟在问什么，但既然你有办法确定何时申请style="display:none"你就可以使用布尔值display_none=true并在if中使用它。

Answer 2

这是一个示例代码。在这里，我在这里使用了jQuery。我已将每个页面的内容包含在索引页面中的单独DIV中。然后单击导航栏中的菜单显示页面内容。我希望这会给你一个想法。：）

的JScript：

        <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（这是我为大学时代创建的网站:)）

php IF函数基于特定的div id css属性

2 个答案: