如果单击,选项卡中的徽章将重置为 0
Badges in tabs reset to 0 if clicked
这是我在选项卡上的代码。我不知道如果我点击它,我将如何使徽章计数重置为 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-->
在范围中添加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
。
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 单击F5时如何停止页面加载
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 单击jquery清除输入值
- 单击按钮以等待单击按钮
- 在单击href链接的同时下载文件
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 使图像在单击时展开到不大于浏览器
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何在单击复选框后调用控制器方法
- 单击页面上的链接后高度发生变化
- 使用jquery在单击时在单元格中输入值
- 将纯文本URL转换为可单击链接
- ASP.NET通过单击JavaScript按钮触发c#事件
- 单击更改图标并通过javascript添加一个css类
- 阻止在select2单击时调用ajax
- 复制图像路径以单击它
- 如果单击,选项卡中的徽章将重置为 0