Question

这是我的标签上的代码。我不知道如果点击它我会怎样做以使徽章计数重置为0。无论如何，我使用Codeigniter，如果有人知道如何做到这一点。请帮助我，我将深深体会到这一点。谢谢

<div class="container-fluid"  > <!--Main container-->
    <div class="row">
        <div class="col-md-8 ui segment" style="min-height:300px;">
            <br>
            <ul class="nav nav-tabs" id="tabs">
              <li class="active"><a data-toggle="tab" href="#home" style="">Home</a></li>
              <li><a data-toggle="tab" id="tabbad" href="#menu1">PM's <span class="badge"> 3</span> </a></li>
              <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
            </ul>

            <div class="tab-content">
              <div id="home" class="tab-pane fade in active panel panel-default">
                <div class="panel-body">
                <h3>HOME</h3>
                <p>Some content.</p>
               </div>
              </div>
              <div id="menu1" class="tab-pane fade panel panel-default">
                <div class="panel-body">
                <h3>HOME</h3>
                <p>Some content.</p>
               </div>
              </div>
              <div id="menu2" class="tab-pane fade panel panel-default  ">
                <div class="panel-body">
                <h3>HOME</h3>
                <p>Some content.</p>
               </div>
              </div>
            </div>
        </div>
        <div class="col-md-1"></div>
    </div><!--row-->
</div><!--Main container-->

Answer 1

在范围

中添加onclick功能

<li><a data-toggle="tab" id="tabbad" href="#menu1">PM's <span class="badge" onclick="reset(this);"> 3</span> </a></li>

定义一个重置功能/给它任何你喜欢的名字

function reset(ttr){
    ttr.innerHTML=0;
}

如果您愿意，可以将onclick功能放在a元素中，并附加您想要的"PM"+whatever值。

如果单击，标签中的徽章会重置为0

1 个答案: