精华内容
下载资源
问答
  • 禁用某个下拉菜单 Bootstrap3中,为下拉菜单中某个下拉项的 <li> 元素添加 .disabled 类,就可以禁止该选项,让该菜单项的链接变灰并失去鼠标悬停效果。如: <ulclass="dropdown-menu"> <li>&...

    禁用某个下拉菜单

    Bootstrap3中,为下拉菜单中某个下拉项的 <li> 元素添加 .disabled 类,就可以禁止该选项,让该菜单项的链接变灰并失去鼠标悬停效果。如:

    1. <ul class="dropdown-menu">
    2.   <li><a href="#">Regular link</a></li>
    3.   <li class="disabled"><a href="#">Disabled link</a></li>
    4.   <li><a href="#">Another link</a></li>
    5. </ul>

    效果如图 3‑14所示:

    禁用菜单项

    图3-14 禁用菜单项

    注意:被禁用的链接仍然可以点击,除非你去掉链接的 href 属性,或者使用JavaScript代码阻止用户点击链接。

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

    展开全文
  • 解决bootstrap下拉菜单无法隐藏的问题

    下拉菜单的两种实现

    想必大家都知道,bootstrap为我们提供了一个下拉菜单的组件,官方也为我们提供两种使用方法
    1.标签指定data-toggle

    <div class="dropdown">
        <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">主题
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">Java</a>
            </li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
            </li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
            </li>
            <li role="presentation" class="divider"></li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
            </li>
        </ul>
    </div>

    2.js调用dropdown(‘toggle’)方法

    <div class="dropdown">
        <a href="#" class="dropdown-toggle" id="dropdownMenu1" >
            主题
            <span class="caret"></span>
        </a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">Java</a>
            </li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
            </li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
            </li>
        </ul>
    <button id="test">test</button>
    </div>
    </body>
    
    <script>
        $(function() {
            $("#test").click(function() {
                $(".dropdown-toggle").dropdown('toggle');
            })
        })
    </script>

    第二种方法有个很严重的问题

    就是,下拉菜单开启后,官方并没有提供将它隐藏的方法,网上的方法死活说再次调用dropdown(‘toggle’)。。。反正我不行。
    那么我想用点击之外来开启下拉菜单呢?(必须得使用JS来控制)
    我想到一个方法,使用jQuery提供的一个效果slideUp(),slideDown()

    <body>
    <div class="dropdown">
        <a href="#" class="dropdown-toggle" id="dropdownMenu1" >
            主题
            <span class="caret"></span>
        </a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">Java</a>
            </li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
            </li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">数据通信/网络</a>
            </li>
            <li role="presentation" class="divider"></li>
            <li role="presentation">
                <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
            </li>
        </ul>
    <button id="test">test</button>
    <button id="test1">test1</button>
    </div>
    </body>
    <script>
        $(function() {
            $("#test").click(function() {
                $(".dropdown-menu").slideUp();
            })
            $("#test1").click(function() {
                $(".dropdown-menu").slideDown();
            })
        })
    </script>

    好了现在能实现开和关了,但是速度有点慢?没事slide可以通过参数调节速度甚至还有回调函数来替代$(selector).on("hidden.bs.dropdown', function () {})(对下拉菜单收回时间的监听),满分!
    $(selector).slideUp(speed,callback)

    • speed 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 “normal”。 可能的值:
      • 毫秒 (比如 1500)
      • “slow”
      • “normal”
      • “fast”
        在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度(这样会创造滑动效果)。
    • callback
      可选。slideUp 函数执行完之后,要执行的函数。 除非设置了 speed 参数,否则不能设置该参数。
    展开全文
  • 新手,临时被安排写html,涉及到筛选问题,第一个下拉菜单可以通过我预设的值,就称为type吧,type有123456几个大类,第二个下拉菜单是根据php链接mysql查出来的一堆数据,需要在选择第一个下拉菜单后,第二个下拉...
  • 使用bootstrap的下拉菜单在页面上不能显示出来,我用的是firefox浏览器,F12的HTML窗口发现.dropdown-menu元素及其子元素都是灰的,这是怎么回事啊? [img]...
  • Bootstrap 多级下拉菜单

    万次阅读 2018-03-08 11:15:51
    多级下拉菜单在很多时候,我们可能需要多级下拉菜单。在一个下拉菜单的某个菜单项中,再创建另一个下拉菜单,即可实现多级下拉菜单。只需为下拉菜单的任意 &lt;li&gt; 元素添加 .dropdown-submenu 的类,并...

    在很多时候,我们可能需要多级下拉菜单。在一个下拉菜单的某个菜单项中,再创建另一个下拉菜单,即可实现多级下拉菜单。

    只需为下拉菜单的任意 <li> 元素添加 .dropdown-submenu 的类,并在该 <li> 元素下添加 .dropdown-menu 类的列表,就可以为该菜单项添加一个子下拉菜单。如:

    1. <div class="dropdown">
    2.   <ul class="dropdown-menu">
    3.     <li><a tabindex="-1" href="#">Action</a></li>
    4.     <li><a tabindex="-1" href="#">Another action</a></li>
    5.     <li><a tabindex="-1" href="#">Something else here</a></li>
    6.     <li class="divider"></li>
    7.     <li class="dropdown-submenu">
    8.       <a tabindex="-1" href="#">More options</a>
    9.       <ul class="dropdown-menu">
    10.         <li><a tabindex="-1" href="#">Second level link</a></li>
    11.         <li><a tabindex="-1" href="#">Second level link</a></li>
    12.         <li><a tabindex="-1" href="#">Second level link</a></li>
    13.         <li><a tabindex="-1" href="#">Second level link</a></li>
    14.         <li><a tabindex="-1" href="#">Second level link</a></li>
    15.       </ul>
    16.     </li>
    17.   </ul>
    18. </div>

    效果如图 4‑6所示:

    Bootstrap多级下拉菜单组件图4-6 Bootstrap多级下拉菜单组件

    默认情况下,子菜单会在父菜单的右侧弹出。如果希望它在父菜单的左侧弹出,只需给相应的 <li> 元素添加 .pull-left 类即可:

    1. <li class="dropdown-submenu pull-left">
    2. </li>

    效果如图 4‑7所示:

    左侧弹出的Bootstrap下拉菜单组件图4-7 左侧弹出的Bootstrap下拉菜单组件

    另外,子菜单默认是以下拉形式弹出。如果希望以上拉形式弹出,只需把整个下拉菜单包裹在 .dropup 的容器中即可:

    1. <div class="dropup">
    2. </div>

    效果如图 4‑8所示:

    Bootstrap上拉菜单组件图4-8 Bootstrap上拉菜单组件

    关于作者

    歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

    展开全文
  • 问题描述:最近用3ds Max2018发现有一个“bug”,如下图,当鼠标放在下拉菜单里面的“Import”,后面会弹出子菜单,当鼠标往右移动的时候,次级菜单就消失了,怎么也点不上,可能有时候运气好点上了,但是大部分时候...

    问题描述:

    最近用3ds Max2018发现有一个“bug”,如下图,当鼠标放在下拉菜单里面的“Import”,后面会弹出子菜单,当鼠标往右移动的时候,次级菜单就消失了,怎么也点不上,可能有时候运气好点上了,但是大部分时候都点不上,这样很苦恼。


    解决方案:

    1.下载官方修补程序。

    3dsMax2018.2_Update.msp下载地址链接: 3dmax2018次级菜单无法选中的修补程序

    2.通过键盘上的上下左右方向键来选择。

    但这个方法不解决根本问题。

    3.修改注册表。

    搜索时发现是由于360等软件优化的结果,把菜单的停留时间改为了0导致的。

    ①新建文本

    可以新建一个文本文件,把下面的文字复制粘贴保存,改扩展名为.reg,双击导入,重启生效
    Windows Registry Editor Version 5.00

    [HKEY_CURRENT_USER\ControlPanel\Desktop]

    "MenuShowDelay"="400"

    ②注册表编辑器

    在windows开始里输入regedit打开注册表编辑器,修改路径中的MenuShowDelay的值为400,然后重启。


    展开全文
  • 网页中下拉菜单随处可见,一般用到toggle()或slideToggle()事件;但下拉菜单出来后,一般要再次点击原来的按钮才能收起,所以做到下拉菜单以外点击收起,体验就会方便很多。 <script type="text/javascript">...
  • bootstrap4下拉菜单无法显示问题

    千次阅读 2018-12-17 15:25:28
    刚才在菜鸟教程学习bootstrap4时在按钮组章节中遇到了下拉菜单,可是自己没有调试出来!!! 我把菜鸟的代码copy(全部)到本地发先可以运行!!! 找了半天原因,可能是自己导入的js文件有错!!! bootstrap...
  • 在写unity编辑器工具时候遇到一个奇怪的问题,EditorGUILayout.Foldout 下拉菜单什么都没有显示。国内外也找了找,没找到有用的答案,只能在明确数组中有内容等基本因素后做各种排查,最后发现是因为内容中字符串首...
  • vue下拉菜单选择输入框 @ tillhub / vue-search-filter (@tillhub/vue-search-filter) Vue search input with dropdown for more filters. Vue搜索输入带有下拉列表,用于更多过滤器。 View Demo 查看演示 ...
  • 竖导航下拉菜单、多级下拉菜单

    千次阅读 2017-05-24 16:57:30
    简单的下拉菜单 一、HTML <!DOCTYPE html> <title>menu <script
  • 下拉菜单选择框select设置默认值

    千次阅读 2020-06-15 10:46:39
    HTML中的下拉菜单选择框select设置默认值: <option selected="selected" disabled="disabled" style='display: none' value=''>请选择</option> 如下: <select> <option selected="selected...
  • 相信大家平时开发的时候都遇到过一些小问题,找了很多资料还是解决不了,大神们也没遇到过,下拉菜单,对话框这些项目都比较常见的,今天我们来看看spinner的用法,很简单的一个控件,我平时习惯调用spinner的...
  • Bootstrap图标、下拉菜单、按钮组、按钮式下拉菜单

    万次阅读 多人点赞 2020-05-18 14:14:31
    1.图标使用 <span class="glyphicon glyphicon-search" aria-hidden="true"></span> .glyphicon 公共类 .glyphicon-search 相应的图标 aria-hidden="true" 意思是让图标只是显示,辅助...2.下拉菜单 ...
  • 下拉菜单的实现,纯css实现与js实现
  • bootstrap input 下拉树 下拉菜单 下拉列表

    万次阅读 多人点赞 2017-01-11 15:12:47
    bootstrap input 下拉树 下拉菜单 下拉列表
  • bootstrap做一个下拉菜单,在第一个菜单选择了省以后,第二个下拉菜单会出来该省的市
  • 最近公司要做Excel的模板导出,导入数据的工作,导出时还要动态生成模板,并且生成单选下拉菜单,和多选下拉菜单。开始搞这个很快除了多选的都搞定了,就是多选卡住了。弄了很久。。。最后终于在和多方面的交流下...
  • DropDownMenu下拉菜单

    万次阅读 2016-04-18 14:17:28
    一个使用起来方便快捷,更容易调用,使代码简洁优雅的DropDownMenu下拉菜单
  • CSS实现下拉菜单

    千次阅读 2019-04-09 22:18:22
    1.知识点 定位postition 浮动float 展示display 2.实现效果 3.代码 <!DOCTYPE html> <...下拉菜单</title> <meta charset="utf-8"> <style> ul { list-...
  • jquery 实现菜单的下拉菜单

    千次阅读 2014-04-17 20:43:20
    jquery 实现菜单的下拉菜单
  • excel设置下拉菜单多选 如何设置多选Excel下拉菜单 (How to Set up Multiple Selection Excel Drop Down) [Latest update: July 27, 2016] With a bit of Excel VBA programming, you can change an Excel data ...
  • --省份下拉菜单 --> <!--城市下拉菜单--> var data = [ { p: "省1", c: ["市a", "市b"] }, { p: "省2", c: ["市c", "市d", "市e"] } ] var main = document.getElementById("main"); ...
  • html表单下拉菜单Drop-down menus are used on forms to capture responses for which there is one correct response from multiple possible answers. A good example of this is asking for a visitor’s ...
  • 我们来看下常见的下拉菜单: 这里我们点击菜单,下拉菜单就会显示,点击下拉菜单以外的区域就会隐藏。 这是一个简单的例子: 这里增加一个选项,就是当我们按下esc键的时候,下拉菜单也可以关闭。 先贴出代码: &...
  • Bootstrap3 下拉菜单及其调用方式

    千次阅读 2019-05-27 16:09:24
    下拉菜单 Bootstrap中,你可以为任何组件(如,导航条、胶囊式导航、标签导航、按钮等)添加下拉菜单下拉菜单组件负责外观,下拉菜单插件(dropdown.js)负责交互行为,即控制下拉菜单组件的显示或隐藏。 调用...
  • 参考:https://www.cnblogs.com/eager/p/7133270.html   一、获取第一个option的值/文本值  $('#XXX option:first').val(); $('#XXX option:first').text();...二、设置第一个option的值/文本值  ......
  • Bootstrap按钮下拉菜单

    千次阅读 2017-04-04 09:59:42
    Bootstrap按钮下拉菜单 组合式下拉菜单 1.新建一个web项目ch12,然后将ch11的东西copy过来。 2.打开ch12中的demo01.html 3.设置一个下拉菜单     ...
  • Bootstrap 下拉菜单和按钮

    千次阅读 2019-01-29 14:10:46
    一、下拉菜单: 用于显示链接列表的可切换、有上下文的菜单  .dropdown 菜单用于指定下拉菜单下拉菜单都包裹在 .dropdown 或者 .dropup 里。  .dropdown-menu 类用于实际下拉菜单的创建。  .dropdown-...
  • 网上有很多此类的案例,不过第一次做这样的下拉菜单,还是琢磨了几天,仿造58下拉菜单的效果,现实的效果如下所示:

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 201,950
精华内容 80,780
关键字:

下拉菜单无法选择