JQuery와 : 동적 요소 (기능 분리)

Question

바이올린 제거 - http://jsbin.com/oloriTo/1/edit

요소를 제거하면 문제가되지 않습니다,하지만 난 (클래스 .rf있다) 나는 더 이상 요소를 제거 할 제거 거짓 버튼을 클릭하면, true (클래스는 .rt) 버튼을 클릭하지 않는 한.

현재 true 요소 제거를 클릭하면 예상대로 작동합니다. (데모 조금 맛있지 만 그것을 통해 지점을 가져옵니다) 내가 false 버튼을 클릭하면 .container div 내의 요소를 클릭하고 제거 할 수 있습니다.

도움을 주시면 대단히 감사하겠습니다.

$(document).ready(function() { 
    var enabled = false; 
    $('.rt').click(function() { 
    enabled = true; 

    if (enabled === true) { 
     $('.container *').on('mousedown touchstart', function() { 
     $(this).remove(); 
     return false; 
     }); 
    } else { 
     enabled = false; 
    } 
    }); 

    $('.rf').click(function() { 
    enabled = false; 
    }); 
}); 

Answer 1

설정 코드에서 제거 코드를 바인딩하고 있습니다. 이를 분해하고 .rf 및 .rt으로 설정된 변수를 살펴 보겠습니다.

$(document).ready(function() { 
    var enabled = false; 
    $('.rt').click(function() { 
    enabled = true; 
    }); 

    $('.rf').click(function() { 
    enabled = false; 
    }); 
    $('.container').on('mousedown touchstart', '*',function() { 
     if (enabled)  
     $(this).remove(); 
     return false; 
    }); 
});