如果触发下拉菜单的元素是一个链接元素,为了避免点击链接,页面跳到顶部,可以使用data-target="#"来替代href="#"

来源:2-3 下拉菜单--属性声明式方法(二)

鱼七

2017-03-16 20:16

<div class="dropdown">
    <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="##"> Dropdown <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> ... </ul>
</div>

添加data-target="#"后反而下拉菜单按钮失效。

表述没看懂。

是说删除href吗?删了依然没反应...


写回答 关注

2回答

  • 慕莱坞9796870
    2017-08-03 09:01:03

    我的理解是:target需要指向一个明确的目标,比如唯一的类名,或者id

  • qq_Ha_6
    2017-03-17 09:57:45

    只有#的话没有定位到触发的那个元素(你说的下拉菜单按钮),所以下拉菜单的按钮没有用。#后面需要加上触发的id值

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128659 学习 · 305 问题

查看课程

相似问题