【问题标题】:Boostrap Dropdown Login Menu doesnt work on other pagesBootstrap 下拉菜单在其他页面上不起作用
【发布时间】:2016-01-02 12:05:21
【问题描述】:

由于某种原因,我的引导下拉登录菜单在子页面上不起作用。

导航.php

   <!-- The drop down menu -->
        <ul class="nav navbar-nav list-inline">
          <li><a href="http://gotospectrum.com/Login/registerform.php">Sign Up</a></li>
          <li class="dropdown">
            <a class="dropdown-toggle" href="#" data-toggle="dropdown">Sign In <strong class="caret"></strong></a>
            <div class="dropdown-menu" style="padding: 15px; padding-bottom: 0px;">
              <!-- Login form here -->
              <form action="http://gotospectrum.com/Login/connectivity.php" method="post" accept-charset="UTF-8">
                    <input id="user" style="margin-bottom: 15px;" type="text" name="user" size="30" placeholder="username" required/>
                    <input id="pass" style="margin-bottom: 15px;" type="text" name="pass" size="30" placeholder="Password"required/>
                    <input id="user_remember_me" style="float: left; margin-right: 10px;" type="checkbox" name="user[remember_me]" value="1" />
                    <label class="string optional" for="user_remember_me"> Remember me</label>

                    <input class="btn btn-success" style="clear: left; width: 100%; height: 32px; font-size: 13px; margin-bottom: 6px;" type="submit" name="submit" value="submit" />
              </form>
            </div>
          </li>
        </ul

我有 session_start();在我的页面顶部,但它仍然没有拉出下拉菜单。

我感觉这就是问题所在

<a class="dropdown-toggle" href="#" data-toggle="dropdown">Sign In <strong class="caret"></strong></a>

当我单击下拉链接时,href="#" 会拉起。在我的子页面中。

【问题讨论】:

  • 我猜,一个标签是开放的标签&lt; /&gt;可以是div,span,label,任何元素在firefox中取page view source,看看有没有红线

标签: php html css twitter-bootstrap drop-down-menu


【解决方案1】:

您的标记立即生效 -> http://jsfiddle.net/vuuohp3a/

但是,即使您位于 /root/subpage/,我也可以在“注册”链接中看到您指的是 /root/js 路径:

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

/Login/js/jquery.js 不存在,导致“$ is not defined”(没有加载 jQuery 或 bootstrap)你应该相对于父目录参考:

<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>

或使用绝对路径:

<script src="https://yoursite.com/js/jquery.js"></script>

【讨论】:

    【解决方案2】:

    检查您的网站是否存在安全错误。

    我知道我在这里跑题了,但只是在测试您正在创建的网站,从网站安全的角度来看,您做错了一些事情:

    http://gotospectrum.com/Login/register.php?regname=&regemail=&regpass1=&regpass2=

    当有人尝试注册时,此链接根本不应该出现在地址栏上,不要使用 GET 作为表单的方法,但以这种方式发布数据不会出现在 url 上。

    这是最简单的规则之一,尚未测试您的网站是否存在其他问题,只是发现并在此处报告。

    【讨论】:

    • 我知道我在那里做了什么,但它似乎不像将 $_GET 更改为 $_POST 那样简单?有什么建议吗?
    • 不能发帖,但是:
      应该在 register.php 上改为
    猜你喜欢
    • 1970-01-01
    • 2018-05-12
    • 1970-01-01
    • 2013-01-21
    • 2018-06-14
    • 2012-03-20
    • 2016-08-05
    • 2021-12-19
    • 2020-07-13
    相关资源
    最近更新 更多