在我的整个网站上，有一个使用php include调用的粘性标头。在这个粘性标头中，我有一个if / else语句，用于检查现有会话。如果没有会话，则代码将回显一个登录按钮。这一切都按预期工作。我想升级站点以使用登录模式而不是单独的页面。我已经将模态代码编码在它自己的php文件中，该文件可以包含在网站的每个页面中。到目前为止，一切都很好。现在，当我回显数据切换按钮时，页面加载后立即显示模式，而不是等待用户触发按钮。

我的目标是隐藏模式，直到用户想要通过单击粘性标题中的按钮触发登录屏幕为止。

我已经在一页中测试了所有代码，并且可以正常工作。然后，我将标题和模式分为两页，并且可以正常工作。一旦合并了第三页，就会发生触发问题。

/ ================登录菜单==================== /

<div id="top-nav">
    <div id="login-top">

        <?php
            // Initialize the session
            session_start();                

            // If session variable is set it will show logout button
            if(isset($_SESSION['username'])){
                echo '<a href="../account/account.php"><img src="../images/menu/Button_account.png" width="140" height="25" /></a>';
                } else {
                echo '<a href="#myModal" class="trigger-btn" data-toggle="modal"><img src="../images/menu/Button_LoginSmall.png" width="140" height="25" /></a>';
                }
        ?>
    <!-- END #login-top --></div>
<!-- END #top-nav --></div>

/ =============== MODAL ==================== /

    <div id="myModal" class="modal fade">
        <div class="modal-login">
            <div class="dimiss"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button></div>
            <div class="formStuff">
                <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
                <div class="text-field <?php echo (!empty($username_err)) ? 'has-error' : ''; ?>">
                    <input type="text" name="username"class="form-control" value="<?php echo $username; ?>" placeholder="username">
                    <span class="help-block"><?php echo $username_err; ?></span>
                </div>    
                <br/>
                <div class="text-field <?php echo (!empty($password_err)) ? 'has-error' : ''; ?>">
                    <input type="password" name="password" class="form-control" placeholder="Password">
                    <span class="help-block"><?php echo $password_err; ?></span>
                </div>
                <br/>
                    <p align="center"><input name="submit" type="image" value="Login" src="../images/buttons/Button_LoginReg.png" /></p>
                    <p align="center" style="color:#FFFFFF"><strong>Don't have an account? <a href="register.php">Sign up now</a>.</strong></p>
                </form>
            </div>
        </div>
    </div>
    <script>
        $('#myModal').modal({
            backdrop: 'static',keyboard: false
        })
    </script>

/ ================索引=================== /

    <!-- BEGIN menu.php INCLUDE -->
        <?php include "../menus/loginmenu.php"; ?>
    <!-- END menu.php INCLUDE -->

    <!-- BEGIN menu.php INCLUDE -->
        <?php include "../login/modal.php"; ?>
    <!-- END menu.php INCLUDE -->

更多的代码和垃圾在这里，但是没有其他相关的脚本被调用。

我希望模式可以一直隐藏，直到打开为止。除了我已经完成的代码测试之外，不希望有任何解决此问题的想法。