移动端菜单切换后下拉链接无法点击的问题求助
移动端菜单切换后下拉链接无法点击的问题求助
各位开发者朋友好,我碰到了一个棘手的问题:我的网站菜单在屏幕尺寸缩小适配移动端时,下拉菜单里的链接明明是正常存在的——在新标签页打开能跳转到正确的页面,但直接点击就是没反应。而全屏状态下的完整菜单里,所有链接都能正常工作。我怀疑是不是CSS里有什么元素挡住了点击事件,但自己排查不出来。
我做的网站是privateinvestigator-wrexham.co.uk,已经谷歌搜过相关解决方案,但找到的有效文章不多。Stack Overflow上有个类似的问题,回答说是padding重叠导致的,但我检查了代码,看起来并没有这个情况。
下面是我移动端菜单的HTML结构,麻烦大家帮我看看问题出在哪,非常感谢!
<div class="accordion-mobileContainer"> <div class="accordion-mobile"> <dl> <dt><a class="accordion-mobileTitle">Matrimonial</a></dt> <dd class="accordion-mobileItem accordion-mobileItemCollapsed"> <div class="accordion-mobileContent"> <ul style="margin-bottom:0px;"> <li><a href="/surveillance-in-wrexham/matrimonial-surveillance-in-wrexham/">- Matrimonial Surveillance</a></li> <li><a href="/investigations-in-wrexham/matrimonial-investigations-in-wrexham/">- Matrimonial Investigations</a></li> <li><a href="/investigations-in-wrexham/proof-of-cohabitation-investigations-in-wrexham/">- Proof of Cohabitation</a></li> <li><a href="/investigations-in-wrexham/background-check-investigations-in-wrexham/partner-background-check-investigations/">- Partner Background Checks</a></li> <li><a href="/lie-detector-test-in-wrexham/matrimonial-lie-detector-test-in-wrexham/">- Matrimonial Lie Detector Tests</a></li> </ul> </div> </dd> </dl> </div> </div>
备注:内容来源于stack exchange,提问作者P.R.1995
相关产品推荐
相关产品推荐

