Question

我似乎无法弄清楚为什么我的右上角按钮＆＃34;菜单＆＃34;不会触发下拉列表。任何人都可以指出什么是错的？当我点击它没有任何反应，但＆＃34; Home＆＃34;应该下拉。

$body = preg_replace('/^(.{0,299}\w)\b.*/su', '$1&hellip;', $body);

Answer 1

在加载bootstraps javascript库之前，需要加载jquery javascript库。 Bootstrap运行jquery并且在没有首先加载它的情况下将无法工作，所以在bootstrap.js添加到jquery的链接之前它应该如下所示：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

此外，如果您希望导航栏正常工作，您应该在navbar-header类中包含导航栏品牌和菜单按钮。如果您希望菜单以移动宽度显示在导航栏中，您可以保持原样。

这是一个有效的代码集Codepen

Answer 2

检查这个小提琴：fiddle

导航栏在较大的屏幕上看起来很好但是当屏幕尺寸减小时，会出现菜单选项，单击该选项会在导航中显示主页选项。

您的代码唯一的问题是您没有调用jquery库。这是运行bootstrap javascript所必需的。

在调用bootstrap javascript之前，您只需要在html的头部添加此脚本标记。

(SELECT id, data, lat, lng, (function($lat,$lng)) AS distance, 1 as OrderCol
FROM private
WHERE lng BETWEEN $lng1 AND $lng2 
  AND lat BETWEEN $lat1 and $lat2 
HAVING distance < $dist LIMIT 0, $max)
UNION
(SELECT id, data, lat, lng, (function($lat,$lng)) AS distance, 2 AS OrderCol
FROM public 
WHERE lng BETWEEN $lng1 AND $lng2 
  AND lat BETWEEN $lat1 and $lat2
HAVING distance < $dist LIMIT 0, $max) ORDER ON OrderCol;

Answer 3

缺少这2个文件。你需要包括它们。

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

没有这些文件，它将无效。

<强> CHECK THIS FILE

使用bootstrap折叠后，Navbar不会出现下拉菜单

3 个答案: