bootstrap下拉菜单链接不起作用

时间:2014-03-24 05:59:19

标签: php html

我已经找到了答案,发生的事情是我在里面添加了类,所以有些元素与我的链接重叠,让我无法点击它。谢谢你的帮助!

我想编辑下面的内容。我已将链接更改为https://www.google.com/,当我点击它时,它什么也没做。我相信我的问题与链接中的href有关

我有一个php页面。我想从我的html页面链接到。该链接位于下拉菜单中,我从bootstrap获取。当我将鼠标悬停在链接上时,我的光标变成了手。但点击它不会进入页面。我无法弄清楚如何为我的生活解决这个问题。

以下是代码:

<li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Classes<b class="caret"></b></a>
          <ul class="dropdown-menu">
             <li class="dropdown">
          <a href="https://127.0.0.7/IA/Student side/PHP/\PHP\IB comp sci\main_login.php" class="dropdown-toggle" data-toggle="dropdown">IB Comp Sci</a>        
          <a href="IA/Student side/PHP/web design/main_login.php" class="dropdown-toggle" data-toggle="dropdown">Web Design</a>
          <a href="https://127.0.0.7/IA/Student%20side/PHP/web%20design/Computer%20repair%20 one\main_login.php" class="dropdown-toggle" data-toggle="dropdown">Comp Repair 1</a>
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Comp Repair 2</a>
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Comp Warrior Tech</a>
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Digital Tools</a>
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Personal Finance</a>
        </li>
        </ul>
    </li>   

我认为它要么与链接在列表中,要么重定向到php页面这一事实有关。单击它时链接不起作用,但是如果我检查元素并单击链接,它会将我带到正确的页面。

3 个答案:

答案 0 :(得分:0)

使用此代码

style="cursor:default"

例如

 <a href="" style="cursor:default">Test</a>

答案 1 :(得分:0)

您的链接风格存在问题,正如@Gumbo所说,您在链接中混合了\和/。请记住,文件夹的分离必须通过/在http / https链接中完成。虽然\只用于逃避。也只使用一种链接方式,不要从任何网址中获取链接并放置在锚标记上。我建议不要使用任何\,因为浏览器会自动处理这个。

 <a href="https://127.0.0.7/IA/Student side/PHP/PHP IB comp sci/main_login.php" class="dropdown-toggle" data-toggle="dropdown">IB Comp Sci</a>        
 <a href="https://127.0.0.7/IA/Student side/PHP/web design/main_login.php" class="dropdown-toggle" data-toggle="dropdown">Web Design</a>
 <a href="https://127.0.0.7/IA/Student side/PHP/web design/Computer repair one/main_login.php" class="dropdown-toggle" data-toggle="dropdown">Comp Repair 1</a>

答案 2 :(得分:0)

根据您尝试开始工作的确切链接,请考虑以下因素。

仅包含&#34;#&#34;的链接将链接到当前页面的该部分,例如锚点或具有ID的元素。在大多数情况下,这不会离开页面或重新加载页面。

至于您网站文件的链接,您可以使用正斜杠和反斜杠为URL添加格式。删除反斜杠(\),因为它们不会更改正斜杠(/)等目录

<a href="https://127.0.0.7/IA/Student side/PHP/PHP/IB comp sci/main_login.php" class="dropdown-toggle" data-toggle="dropdown">IB Comp Sci</a>       
<a href="https://127.0.0.7/IA/Student side/PHP/web design/main_login.php" class="dropdown-toggle" data-toggle="dropdown">Web Design</a>
<a href="https://127.0.0.7/IA/Student%20side/PHP/web%20design/Computer%20repair%20 one/main_login.php" class="dropdown-toggle" data-toggle="dropdown">Comp Repair 1</a> 

至于在URL中有空格,请尝试避免使用它们,以及除#34; - &#34;以外的任何其他符号。和&#34; _&#34;,但如果可能的话,也应尽量避免这些。还尝试将格式化为小写的所有内容保留,因为URL是区分大小写的。