Question

这是我的html链接，我想处理（显示，隐藏）和链接，使我的网址正常工作

    <ul class="menu" id="menu-lateral"><li class="subLevel"><a href="#"><span>Logiciels de Gestion &amp; ERP </span></a><br><ul class="sub-menu" style="display: block;"><li><a href="logiciels-gestion-commerciale" title="Logiciels Gestion commerciale"><span>&gt; Logiciels Gestion commerciale</span></a></li>
<li><a href="logiciels-planning" title="Logiciels Planning"><span>&gt; Logiciels Planning</span></a></li>
<li><a href="logiciels-comptabilite" title="Logiciels Comptabilité"><span>&gt; Logiciels Comptabilité</span></a></li>
<li><a href="logiciels-paie-rh" title="Logiciels Paie et RH"><span>&gt; Logiciels Paie et&nbsp;RH</span></a></li>
<li><a href="logiciels-dessins-metres" title=""><span>&gt; Logiciels Dessins et métrés</span></a></li>
<li><a href="solutions-erp-pgi-batiment" title="Solutions ERP et PGI Bâtiment"><span>&gt; Solutions&nbsp;ERP et PGI</span></a></li>
</ul></li>
<li class="subLevel"><a href="infrastructure-reseaux" title="Infrastructure Réseaux"><span>Infrastructure &amp; réseaux</span></a><br><ul class="sub-menu" style="display: none;"><li><a href="materiel-informatique" title="Matériel informatique"><span>&gt; Matériel informatique</span></a></li>
<li><a href="securite-reseaux" title="Sécurité des réseaux"><span>&gt; Sécurité des réseaux</span></a></li>
<li><a href="gestion-de-sites-distants" title="Gestion de sites distants"><span>&gt; Gestion de sites distants</span></a></li>
<li><a href="virtualisation" title="Virtualisation"><span>&gt; Virtualisation</span></a></li>
<li><a href="messagerie-hebergee" title="Messagerie hébergée"><span>&gt; Messagerie hébergée</span></a></li>
</ul></li>
<li class="subLevel"><a href="site-web-vitrine" title="site-web-vitrine"><span>Site web</span></a></li>
<li class="subLevel"><a href="formation-logiciels" title="Formation Logiciels"><span>Formation logiciels</span></a></li>
</ul>

javascript在这里：

$('#menu-lateral .sub-menu').hide(); //Hide children by default

            $('#menu-lateral li a').click(function(e) {
              //  e.preventDefault();
                $(this).siblings('.sub-menu').slideToggle('slow');
            });

Answer 1

试试这个

$('#menu-lateral .sub-menu').hide(); //Hide children by default
$('#menu-lateral li a').click(function (e) {
    if ($(this).attr('href') != '#') { // if href is not # then go link
        return true;
    } else { // if href is '#' then show the sub menu
        e.preventDefault();
        $(this).siblings('.sub-menu').slideToggle('slow');
    }
});

DEMO

使url使用preventdefault - JQUERY

1 个答案: