下拉 - 防止关闭点击

时间:2017-07-13 23:54:52

标签: jquery html dropdown

$(".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>

1 个答案:

答案 0 :(得分:0)

$(".dropdown, .dropdown-toggle").on('click', function (e) {
    e.preventDefault()
    $('ul li a').toggle('');
});

$('.dropdown > ul li a').click(function (e) {
    e.stopPropagation();
});