bootstrap导航栏下拉框无法下拉问题

最新推荐文章于 2023-05-07 16:08:34 发布

Eaman_Yu

最新推荐文章于 2023-05-07 16:08:34 发布

阅读量4.4k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端文章标签： bootstrap jsp

本文链接：https://blog.youkuaiyun.com/Eaman_Yu/article/details/79402384

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个关于JSP页面中引入Bootstrap JS文件导致的下拉框无法正常显示的问题，并给出了具体的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用JSP时，在index.jsp引用了bootstrap两个JS文件

<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

并且使用jsp:include标签

<jsp:include flush="true" page="/webpage/inc/incTop.jsp"></jsp:include>

而incTop.jsp也引用了bootstrap的两个JS文件，导航栏写在了incTop.jsp中，最后JS文件冲突导致了下拉框无法下拉问题

将index.jsp中的两个JS文件引用去掉后解决问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Eaman_Yu

关注关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

bootstrap路径导航、下拉菜单

sundanping_123的博客

09-04

816

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,...

bootstrap 1-导航条和下拉菜单

sanluo11的博客

01-25

7614

1、导航条的制作基于bootstrap的官网,下载bootstrap的环境，就不多说了。导航条依赖JavaScript,响应式导航条依赖折叠（collapse）插件加入以下三个环境的路径导航条的代码如下 //navbar这是一个导航条，navbar-default是默认样式，navigation

2 条评论您还未登录，请先登录后发表或查看评论

bootstrap下拉列表不起作用

风也温柔☆的博客

05-07

1794

由于bootstrap.js是依赖于jquery.js文件，所以文件的顺序应该如下表示。这说明我们导入了bootstrap.css，但是没有导入bootstrap.js文件。我们在使用bootstrap框架的时候，使用下拉列表，只有样式，却点击没反应。

JSP页面下拉框不起作用

luoyonghui55的专栏

12-05

1809

情况如下：首页GIS地图上有一个下拉框不起作用（WIN7 64位IE8）并且在IE下的状态栏还会报一个JS脚本错误，但是用另一台笔记本电脑（XP IE8）访问该地址完全OK，这就说明不起作用很可能就是IE设置（比如：安全级别降到最低；兼容性视图）或者电脑设置问题，在IE各种设置都试了之后依然不起作用。最后把电脑屏幕的分辨率适当的调高之后就完全正常了。

bootstrap树形下拉框 下拉框树形菜单

11-15

Bootstrap Tree形下拉框是一种将传统的下拉菜单与树形结构结合的UI组件，它使得在有限的空间内展示层级关系的数据变得更加便捷。这种组件通常用于需要用户从一个多级分类中选择一个选项的情况，例如在组织架构、地区...

bootstrap树形下拉框 下拉框树形菜单（修改版）

06-06

在Bootstrap中，下拉框（Dropdown）是一种常见的交互元素，而"bootstrap树形下拉框 下拉框树形菜单（修改版）"则是将传统的下拉菜单与树形结构相结合，以提供更复杂的选项选择体验。在Web开发中，有时我们需要在一...

Bootstrap实现下拉菜单多级联动

08-28

Bootstrap 实现下拉菜单多级联动 Bootstrap 是一个非常流行的前端框架，它提供了许多实用的组件和工具，使得开发者可以快速构建漂亮的网页。今天，我们将讨论如何使用 Bootstrap 实现下拉菜单多级联动。在 ...

HTML5 Bootstrap响应式手机导航下拉菜单代码

06-05

在压缩包中，`index.html`文件包含了整个页面的HTML结构，其中包括了Bootstrap导航栏的HTML代码。这个文件将定义导航菜单的各个部分，如品牌标识、按钮、下拉菜单项等。同时，它可能会利用HTML5的新特性来优化移动...

bootstrap2.0导航栏下拉框

最新发布

10-31

Bootstrap 2.0版本中的导航栏（Navbar）支持下拉菜单（Dropdown）功能，这是一个常见的导航组件，用于创建响应式的、可以折叠的导航结构。要在导航栏上添加下拉框，你需要按照以下步骤操作： 1. **HTML结构**: ...

Bootstrap导航栏下拉菜单不生效的问题

qq_34639650的博客

07-04

5778

Bootstrap导航栏下拉菜单不生效的问题

解决Bootstrap导航条不能下拉

GEEK-BANANA

10-21

2616

前言制作网页的时候发现使用Bootstrap制作的导航条，在页面缩小到一定程度时候变成下拉状态，此时，点击下拉没有用，检查代码没有问题，最后发现的问题是文件引用出现了问题。更改文件的引用顺序不能有误，Bootstrap 的所有 JavaScript 插件都依赖 jQuery，因此 jQuery 必须在 Bootstrap 之前引入， css引用要在js之前。 <head&...

bootstrap4下拉菜单无法显示问题

小猪的日常Java

12-17

4390

刚才在菜鸟教程学习bootstrap4时在按钮组章节中遇到了下拉菜单，可是自己没有调试出来！！！我把菜鸟的代码copy（全部）到本地发先可以运行！！！找了半天原因，可能是自己导入的js文件有错！！！ bootstrap文件从官网下载的应该的没有错，不然前面写的那么多也不可能通过运行。 jq文件 bootstrap依赖jq文件也不可能有错。剩下的只有poper.js文件了！！！...

解决bootstrap下拉菜单无法隐藏的问题

CalicoBox的博客

07-14

3734

解决bootstrap下拉菜单无法隐藏的问题

bootstrap中select控件无法动态加载option选项的问题

代码笔记

05-25

3283

原本是这样写（节选主要部分）：<select id="cmbBrand"></select> var brand = $('#cmbBrand'); brand.empty(); brand.append("<option value='0'>请选择</option>"); $.ajax({ ...

bootstrap-select下拉选中框（）

yyyujlcezw的博客

07-22

953

所需要的js文件引用文件： html: js 取值： var Svalue = $("#sel_search_orderstatus5").multipleSelect("getSelects"); var Stext= $("#sel_search_orderstatus5").multipleSelect("getS...

select点击无法触发下拉列表

Crazy_Sakura的博客

05-27

4307

在外层div标签中添加属性data-tap-disabled="true"