                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（JS插件篇）

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

<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吗？删了依然没反应...

鱼七

2017-03-16

源自：玩转Bootstrap（JS插件篇） 2-3

关注问题我要回答

596

操作

收起

2 回答

慕莱坞9796870
2017-08-03

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

0 回复有任何疑惑可以回复我~

qq_Ha_6
2017-03-17

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

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（JS插件篇）

参与学习 128653 人
解答问题 305 个

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

本课相似问答

1 回答a 标签触发器 href="" 时，为什么点击后弹出当前页面？

5 回答点击导航里的链接，滚动到指定位置，可是滚动会滚动到页面最顶部，也就是说，有一部分会被导航条遮挡住。试了很多方法也没有得到解决，data-offset属性也没有用。测试了几个同学的代码，也是相同的问题。同学们或者老师能给一个思路解决这个问题吗？

1 回答jquery.js和bootstrap.js的链接不起作用

1 回答下拉菜单打不开

2 回答下拉菜单收起问题

搜索更多本课相关问答

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

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号