bootstrap下拉菜单中的下拉项

MrMastiff 发布于 2018/03/15 16:16
阅读 277
收藏 0

今天在使用bootstrap的下拉菜单插件的时候,使用下拉菜单中的下拉项通过jquery的点击事件获取超链接的文本内容,但是一直没反应。

1.下拉菜单和下拉项html代码

<button type="button" class="btn btn-default dropdown-toggle top_topic" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">知乎<span class="caret"></span></button>
                    <ul class=" dropdown-menu"  >
                        <li ><a href="www.baidu.com" class="second_topic" onclick="true">知乎话题</a></li>
                        <li ><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>

2.通过jquery来获取ul>li>a的文本信息:知乎话题是没反应

$(".second_topic").click(function(){
        secondPath=$(this).text();
        alert(secondPath);
    })

3.界面图片

我自己猜测是不是bootstrap的下拉菜单禁用了点击事件呢?而且当我把鼠标放在知乎话题这个超链接上面是,浏览器右下角显示的也不是我在a标签设置的超链接,仅仅是井号。请老铁们指出错误。谢谢了

加载中
返回顶部
顶部