jquery - 誤クリックを回避する方法

Question

不必要なクリックを防ぐためにどのような解決策を見つけることができますか? ここでjsfiddle

Answer 1

試してくださいstopPropagation()：

イベントが DOM ツリーをバブリングしないようにして、親ハンドラーにイベントが通知されないようにします。

$('tr').click(function(e) {
    $('#span1').hide();
    $('#input1').show();
    e.stopPropagation()
});

http://jsfiddle.net/c6ABa/7/

Answer 2

$('tr').click(function() {
    if($('#input1').hasClass('active')){
        return false;
    }
     $('#span1').hide();

        $('#input1').show().addClass('active');

    });

Answer 3

最初のマウスアップで要素にクラスを追加します。次に、if hasClass('...') を使用してチェックを行います。クラスが存在する場合は false を返す