18910140161

HTML-为什么引导程序的这个下拉菜单没有't工作-堆栈溢出

顺晟科技

2022-10-18 14:18:36

250

我有这个简单的下拉菜单,但它不工作,是什么问题?

这是我的代码,我用的是Chrome

我的项目使用bootstrap 4所以我包括:bootstrap.CSS,bootstrap.JS,util.JS和jQuery

<代码><;DIV类=";下拉列表";>;<;按钮类=";btn btn-secondary下拉菜单-toggle";类型=";按钮";ID=";下拉菜单按钮";数据切换=";下拉列表";aria-haspopup=";true";Aria-expanded=";错误";>;下拉按钮<;/按钮>;<;DIV类=";下拉菜单";Aria-labelledby=";下拉菜单按钮<;A类=";下拉项";href=";#";>;操作<;/a>;<;A类=";下拉项";href=";#";>;另一个操作<;/a>;<;A类=";下拉项";href=";#";>;这里还有其他内容<;/a>;<;/DIV>;<;/DIV>;

顺晟科技:

我很确定你也需要 <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div> </div> 看这里.

检查JavaScript源代码。你的代码工作正常。

https://getbootstrap.com/docs/4.0/getting-started/introduction/.

<代码><;link rel=“ stylesheet ” href=“ https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css ” integrity=“ SHA384-GN5384xQQ1aowxA+058rxpxpg6fy4iwvtnh0e263xmfcjlsawiggfaw/dais6jxm ” crossorigin=“ anonymous ”>;<;script SRC=“ https://code.jquery.com/jquery-3.2.1.slim.min.js ” integrity=“ sha384-kj3o2dktikvyik3uenzmm7kckrr/re9/qpg6aazgjwfdmvna/gpgff93hxpg5kkn ” crossorigin=“ anonymous ”>;<;/script>;<;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js ” integrity=“ sha384-apnbgh9b+y1qktv3rn7w3mgpxhu9k/scqsap7huibx39j7fakfpskvxusvfa0b4q ” crossorigin=“ anonymous ”>;<;/script>;<;script SRC=“ https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js ” integrity=“ sha384-jzr6spejh4u02d8jot6vlehfe/jqgirrsqqxsffwpi1mquvdayjuar5+76pvcmyl ” crossorigin=“ anonymous ”>;<;/script>;<;DIV类=“下拉菜单”>;<;Button Class=“ btn btn-secondary dropdown-toggle ” type=“ button ” ID=“ dropdownMenuButton ” data-toggle=“ dropdown ” aria-haspopup=“ true ” aria-expanded=“ false ”>;下拉按钮<;/按钮>;<;DIV Class=“下拉菜单” aria-labelledby=“下拉菜单按钮”>;<;a类=“下拉项目” href=“#”>;操作<;/a>;<;A CLASS=“ DROPDOWN-ITEM ” HREF=“#”>;其他操作<;/A>;<;A CLASS=“ DROPDOWN-ITEM ” HREF=“#”>;此处有其他内容<;/A>;<;/DIV>;<;/DIV>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航