点击事件触发执行时，禁止二次点击

点击事件触发执行时，禁止二次点击

效果图：

 主要思路：

    定义一个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;
    })

---

当然或许还有其他方法，然而。。。我没想到┓( ´∀` )┏，如果有其他的，欢迎讨论