更新到 Twitter Bootstrap 2.0(非常棒)后,导航链接inside子菜单不起作用。
jQuery 版本为 1.7.1。下拉菜单实际上有效,并且标记是正确的(根据文档):
<!-- start navbar -->
<div class="navbar navbar-fixed-top" id="navbar">
<!-- start navbar-inner -->
<div class="navbar-inner">
<!-- start container-fluid -->
<div class="container-fluid">
<?php echo anchor('home', 'SCAA', array('class' => 'brand')); ?>
<ul class="nav">
<li class="dropdown" data-toggle="dropdown">
<?php echo anchor('#', 'Inscripciones <span class="caret"></span>', array('class' => 'dropdown-toggle', 'data-toggle' => 'dropdown')); ?>
<ul class="dropdown-menu">
<li><?php echo anchor('inscriptions/add', 'Nueva Inscripción'); ?></li>
<li class="divider"></li>
<li><?php echo anchor('inscriptions', 'Mostrar Todas'); ?></li>
</ul>
</li>
</ul>
<!-- end nav -->
</div>
<!-- end container-fluid -->
</div>
<!-- end navbar-inner -->
</div>
<!-- end navbar -->
Note:我正在使用 Codeigniter 生成链接,但使用普通标签也不起作用。
插件正在正确加载。
我用以下方式调用下拉菜单jQuery('.dropdown-toggle').dropdown();
我不知道还能做什么或检查。有什么提示吗?
标记不正确(至少不完全) - 问题是包含的 data-toggle="dropdown" 的声明<li>
元素。它应该位于该列表元素的第一个子元素中。
要使其工作,只需删除data-toggle="dropdown"
列表元素中的属性即可完成。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)