Javascript 引导Navbar对某些人有效,但并非所有人都有效

Javascript 引导Navbar对某些人有效,但并非所有人都有效,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在引导导航条下拉列表中遇到问题。我直接从w3schools获取代码,但下拉列表并不适用于所有人。它们对我和我的一些朋友都很管用,但对其他人来说根本不管用。我四处看看,人们似乎都有自己的JavaScript或一些辅助代码。这只是引导的一个不可修复的问题吗?如果是这样,是否有某种方法可以检测用户是否有问题?这是我的密码: <!DOCTYPE html> <html lang="en"> <head> <title>Dropdown test</

我在引导导航条下拉列表中遇到问题。我直接从w3schools获取代码,但下拉列表并不适用于所有人。它们对我和我的一些朋友都很管用,但对其他人来说根本不管用。我四处看看,人们似乎都有自己的JavaScript或一些辅助代码。这只是引导的一个不可修复的问题吗?如果是这样,是否有某种方法可以检测用户是否有问题?这是我的密码:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Dropdown test</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<style>
.error {color: #FF0000;}
.SOP {color: #FF0000;font-weight:bold;}
.AOP {color: #0066ff;font-weight:bold;}
.HOP {color: #00ff00;font-weight:bold;}
.VOP {color: #eeee00;font-weight:bold;}
.member {color: #009933;}
</style>
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="main.php">Dropdown Test</a>
    </div>
    <div>
      <ul class="nav navbar-nav">
        <li><a href="main.php">Home</a></li>
        <li><a href="memberslist.php">Members</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown">Mail
          <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="sendmail.php">Send Mail</a></li>
            <li><a href="newmail.php">Read New Mail</a></li>
            <li><a href="oldmail.php">Read Old Mail</a></li>
         </ul>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown">Profile
          <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li class="disabled"><a href="settings.php">Invite Codes</a></li>
            <li><a href="logout.php">Logout</a></li>
          </ul>
        </li>
      <li class="disabled"><a href="settings.php">Settings</a></li>
      </ul>
    </div>
  </div>
</nav>
<div class="jumbotron">
<h1>Test</h1>
</div>
<br><br>
<div class="container">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum commodo augue iaculis, dictum ante eget, consequat purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum malesuada risus at condimentum condimentum. Sed tempor, elit non sodales commodo, dui elit auctor odio, id sollicitudin nisi nulla et urna. Nullam id rhoncus magna, nec posuere tortor. Duis scelerisque, nunc vel commodo fermentum, urna nunc lobortis diam, nec aliquam sem mi id dui. Morbi vitae leo ac felis congue maximus a in risus. Curabitur vehicula ornare porta. Ut pretium posuere dolor, vel ullamcorper metus gravida vel. Sed commodo justo id tincidunt posuere. Praesent quis aliquam felis. Sed quam ante, vestibulum vitae turpis eleifend, bibendum pretium arcu. Quisque vitae congue tellus, id molestie mi. </p>
</div>
</body>
</html>

下拉测试
.错误{color:#FF0000;}
.SOP{颜色:#FF0000;字体大小:粗体;}
.AOP{color:#0066ff;字体大小:粗体;}
.HOP{color:#00ff00;字体大小:粗体;}
.VOP{color:#eeee00;字体大小:粗体;}
.成员{颜色:#009933;}
  • 试验

    Lorem ipsum dolor sit amet,是一位杰出的献身者。奥古斯·亚库利斯(augue iaculis)公共前庭,前主旨,后主旨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。调味品中的马来酸酐前庭。临时雇员、非苏打商品的精英、酒后驾车的精英拍卖人奥迪奥(odio),因未经许可而被起诉。大菱鲆,nec posuere tortor。酒后驾车、普通发酵罐、酒后驾车、酒后驾车。莫里·维塔·利奥·ac·菲利斯·康格·马克西姆在里索斯。库拉比图尔交通酒店。但在怀孕前,孕妇的健康水平。这是一个很好的例子。这是一只猫。前庭静脉曲张,前庭静脉曲张,前庭静脉曲张。我是康格·泰勒斯,我是莫莱斯蒂·米


    您应该在页面底部包含所有js文件,以便更快地加载页面并实现正确的功能。您需要询问您的朋友是否有控制台错误。其次,删除
    http:
    https:
    ,将其设置为
    //domain.blah.blah……
    。这消除了SSL问题(可能是他们无法访问它的问题)。至于将其移动到页面底部,这只能在一定程度上帮助加载时间,而不是真正正确的功能(这意味着无论它是在顶部还是底部,它仍然可以工作)。还尝试从服务器而不是CDN(可能是防火墙/下载问题)实际提供
    .js
    .css
    文件。我试过了,没有帮助。你可以从朋友的浏览器获取控制台日志并发布,这样你的问题就更明显了。