作者dream1124 (全新开始)
看板Ajax
标题[问题] 为什麽点击选单, Dropdown 却未出现?
时间Fri Apr 6 23:54:25 2018
大家好
方便帮我厘清一个 dropdown 选单的问题吗?
我正试着用 typescript 和 reactjs 实现 W3School 上面这篇文章提到的 css
dropdown navbar
https://www.w3schools.com/howto/howto_css_dropdown_navbar.asp
但是为了练习驾驭 CSS, 我没有完全参考上面连结的做法, 以下是我原始码的连结, git
分支是 dropdown-in-navigationBar
https://github.com/youjenli/ui-widgets-practice-with-reactjs.git
现在的问题是 React 元件 TopNavigationWithDropdownMenu 没办法在我点击 News 选单
的时候显示 dropdown menu... 也就是它包覆的 React 子元件 Dropdown
因为没有什麽错误讯息的关系, 所以我没办法掌握问题源头, 请问大家方便帮我看一下为
什麽会这样吗?
考虑到这问题可能是由某些我还不清楚的程式码或 CSS 关系造成, 因此我才把乾脆把整
个专案丢上来, 若造成困扰就不好意思啦~
你可以透过下列指令启动专案
下载专案
git clone -b dropdown-in-navigationBar
https://github.com/youjenli/ui-widgets-practice-with-reactjs.git
下载依赖套件
yarn install
启动开发环境
gulp watch serve
先感谢大家协助罗~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.169.224.151
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1523030069.A.347.html
※ dream1124:转录至看板 Web_Design 04/06 23:55
问题解决了~
後来发现下拉选单不是未出现, 只是很大一部分被先前用来使选单列现形的
overflow:hidden 设定切掉
这问题只要改成用 flexbox 排版即可搞定
※ 编辑: dream1124 (1.169.224.151), 04/07/2018 22:50:57