0

我希望当我点击任何链接时，点击的链接会获得 class="active" ，

<div style="width: 180px;">     
    <ul class="nav nav-list well">
      <li class="active"><a href="#"><i class="icon-user"></i> Clientes</a></li>
      <li><a href="#"><i class="icon-user"></i> Clientes Potenciales</a></li>
      <li><a href="#"><i class="icon-user"></i> Suplidores</a></li>
      <li><a href="#"><i class="icon-user"></i> Partners</a></li>
      <li><a href="#"><i class="icon-user"></i> Contactos</a></li>
    </ul>
</div>

我试着这样做：

        <li class="{if {$smarty.server.REQUEST_URI} == 'clientes'}active{/if}"><a href="#"><i class="icon-user"></i> Clientes</a></li>
        <li class="{if {$smarty.server.REQUEST_URI} == 'clientes2'}active{/if}"><a href="#"><i class="icon-user"></i> Clientes2</a></li>

但是没有运气，它不起作用，任何人都可以帮助我吗？我试图用 Smarty 做到这一点

4

1 回答 1

1

你需要使用javascript：

<div style="width: 180px;">     
    <ul class="nav nav-list well">
      <li id="li_0" class="active"><a href="#"><i class="icon-user"></i> Clientes</a></li>
      <li id="li_1"><a href="#"><i class="icon-user"></i> Clientes Potenciales</a></li>
      <li id="li_2"><a href="#"><i class="icon-user"></i> Suplidores</a></li>
      <li id="li_3"><a href="#"><i class="icon-user"></i> Partners</a></li>
      <li id="li_4"><a href="#"><i class="icon-user"></i> Contactos</a></li>
    </ul>
</div>
<script>
    var listItems=4;

    for (var i=0;i<listItems;i++) {
        document.getElementById("li_"+i).onclick=function() {
            resetClasses();
            this.className="active";
        }
    }

    function resetClasses() {
        for (var i=0;i<listItems;i++) {
            document.getElementById("li_"+i).className="";
        }
    }
</script>
于 2013-06-13T04:10:49.683 回答