Drop down menu 手机上下拉菜单中的Gumby CSS框架父锚点
使用gumby CSS框架,在移动布局中,可以单击带有下拉菜单的顶级锚。单击时,锚定将加载一个新页面,而不是显示下拉列表。有人遇到过这个问题并找到了解决方案吗Drop down menu 手机上下拉菜单中的Gumby CSS框架父锚点,drop-down-menu,responsive-design,gumby-framework,Drop Down Menu,Responsive Design,Gumby Framework,使用gumby CSS框架,在移动布局中,可以单击带有下拉菜单的顶级锚。单击时,锚定将加载一个新页面,而不是显示下拉列表。有人遇到过这个问题并找到了解决方案吗 <div class="row navbar pretty" id="nav1"> <!-- Toggle for mobile navigation, targeting the <ul> --> <a class="toggle" gumby-trigger="#nav1 > .
<div class="row navbar pretty" id="nav1">
<!-- Toggle for mobile navigation, targeting the <ul> -->
<a class="toggle" gumby-trigger="#nav1 > .row > ul" href="#"><i class="icon-menu"></i></a>
<h1 class="four columns logo">
<a href="#">
<img src="/img/gumby_mainlogo.png" gumby-retina />
</a>
</h1>
<ul class="eight columns">
<li><a href="#">Features</a></li>
<li>
<!-- This link opens dropdown but also redirects to the href -->
<a href="http://google.com">Documentation</a>
<div class="dropdown">
<ul>
<li><a href="#">The Grid</a></li>
<li><a href="#">UI Kit</a></li>
<li><a href="#">Sass</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">Demo</a></li>
</ul>
</div>
</li>
<li><a href="#">Customize</a></li>
</ul>
</div>
-
你的锚指向的是google.com,而不是它本身“#”
此外,我会尽量避免在列表中打开div供css使用,而是将aclass添加到列表中
应该是:
<div class="row navbar pretty" id="nav1">
<!-- Toggle for mobile navigation, targeting the <ul> -->
<a class="toggle" gumby-trigger="#nav1 > .row > ul" href="#"><i class="icon-menu"></i></a>
<h1 class="four columns logo">
<a href="#">
<img src="/img/gumby_mainlogo.png" gumby-retina />
</a>
</h1>
<ul class="eight columns">
<li><a href="#">Features</a></li>
<li>
<!-- This link opens dropdown but also redirects to the href -->
<a href="#">Documentation</a>
<ul class="dropdown">
<li><a href="#">The Grid</a></li>
<li><a href="#">UI Kit</a></li>
<li><a href="#">Sass</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">Demo</a></li>
</ul>
</li>
<li><a href="#">Customize</a></li>
</ul>
</div>
-