我有以下标签式导航:
<div>
<ul class="nav nav-pills" >
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#tasks" data-toggle="tab">Tasks</a></li>
<li><a href="#messages" data-toggle="tab">Messages</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">...</div>
<div class="tab-pane" id="tasks">
<div class="form-group">
<input type="text" id="search1" value="" class="form-control input-lg">
</div>
....
</div>
<div class="tab-pane" id="messages">
<div class="form-group">
<input type="text" id="search2" value="" class="form-control input-lg">
</div>
....
</div>
</div>
当我点击药丸时,我正在使用以下代码清除所有输入字段。但是当我点击当前的药丸时输入字段不清楚?例如,如果我在tasks
窗格上并单击tasks
注意事项,则以下事件似乎不会触发,导致所有输入字段都清除。当我循环吃不同的药丸时,它们才会清除。
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
$('.form-group input[type="text"]').val('');
});
如何清除所有输入字段,包括单击当前标签/药丸
答案 0 :(得分:2)
将事件更改为&#34;点击&#34;
$('a[data-toggle="tab"]').on('click', function (e) {
$('.form-group input[type="text"]').val('');
});