$(".dropdown").on('click',function () {
$('ul li a').toggle('');
});
$('.dropdown > ul li a').click(function(e) {
e.stopPropagation();
});
如果我点击下拉列表中的链接,页面会加载内容并关闭下拉链接。
但是我希望能够在点击后看到下拉列表中的链接。
<ul id="main-menu" class="main-menu">
<li><a href="..."></a></li>
<li><a href="..."></a></li>
<li><a href="..."></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-newspaper-o"></i>
<span class="title">News</span></a>
<ul id="main-menu" class="sub-menu main-menu">
<li>
<a href="<?= site_url('admin/news') ?>">
<i class="fa fa-newspaper-o"></i>
<span class="title">News</span>
</a>
</li>
</ul>
</li>
</ul>
答案 0 :(得分:0)
$(".dropdown, .dropdown-toggle").on('click', function (e) {
e.preventDefault()
$('ul li a').toggle('');
});
$('.dropdown > ul li a').click(function (e) {
e.stopPropagation();
});