点击事件触发执行时,禁止二次点击
效果图:
主要思路:
定义一个Boolean变量,在只有为true时才能点击
主要代码:
<tbody>
<tr class="ss">
<td id="name">蔬菜</td>
<td class="opera">
<a id="delet">删除</a>
<a id="update">修改</a>
</td>
</tr>
<tr class="ss">
<td id="name">11肉</td>
<td class="opera">
<a id="delet">删除</a>
<a id="update">修改</a>
</td>
</tr>
<tr class="ss">
<td id="name">水果</td>
<td class="opera">
<a id="delet">删除</a>
<a id="update">修改</a>
</td>
</tr>
</tbody>
var SWICH = true;
$('tbody').on('click','#update',function(){
if(SWICH){
SWICH = true;
console.log($(this).parents('.ss').index());
var str = $(this).parents('.opera').siblings('#name').text();
$(this).parents('.opera').siblings('#name').html("<input value='"+str+"' /><button id='ok'>确定</button>")
}
SWICH = false;
})
当然或许还有其他方法,然而。。。我没想到┓( ´∀` )┏,如果有其他的,欢迎讨论