사용자 액션에서 값을 가져 오기위한 JavaScript 메커니즘

Question

ColorBox의 checbox를 확인하는 사용자가 설정 한 값을 유지할 JavaScript 객체를 만들었습니다.

jQuery 및 프로그래밍 JavaScript "올바른 방법"에 비교적 익숙하며 사용자를 캡처하기위한 아래의 메커니즘 확인 작업이 일반적으로 JavaScript의 모범 사례였습니다. 또한 jQuery를 사용하고 있기 때문에 활용해야하는 작업을 수행하는 더 간단한 방법이 있습니까?

function Check() { 
    this.Checked = false; 
} 

obj = new Check; 

$(document).ready(function() { 
    $('.cboxelement').colorbox({ html: '<input id="inactivate" type="checkbox" name="inactivatemachine">&nbsp;<label for="inactivate">Inactivate Machine</label>' }); 

    $(document).bind('cbox_cleanup', function() { 
     obj.Checked = $.fn.colorbox.getContent().children('#inactivate').is(':checked'); 
    }); 

    $(document).bind('cbox_closed', function() { 
     if ($($.fn.colorbox.element()).attr('id').match('Remove') && obj.Checked) { 
      var row = $($.fn.colorbox.element()).parents('tr'); 
      row.fadeOut(1000, function() { 
       row.remove(); 
      }); 
     } 
    }); 
}); 

Answer 1

개인적으로는 직접 사용하여 객체에 값 (들)을 첨부 할 jQuery의 내장에서 data() 방법. 나는 당신이 무엇을하려고하는지 완전히 모르겠지만, 예를 들어 나중에 DOM을 사용하기 위해 DOM의 "네임 스페이스"에 값을 첨부 할 수 있습니다.

$('body').data('colorbox.checked',true); 

그런 다음 나중에하여 값을 검색합니다 :

var isChecked = $('body').data('colorbox.checked'); 

당신은 어떤 JQuery와 개체에 data() 방법을 실행합니다. 나는 이것이 jQuery가가는 한 최선의 방법이라고 말하고 싶습니다.

Answer 2

• $($.fn.colorbox.element()) 중복입니다. $.fn.colorbox.element()은 이미 jquery 요소입니다.

• jquery 요소를 참조하는 변수 앞에 $을 추가하는 것이 일반적으로 사용됩니다 (적어도 본 예제에서는 보입니다).
  그래서 var $rows = $.fn.colorbox.element().parents('tr');은 jquery 요소를 참조하고 있다는 아이디어를 즉각적으로 제공합니다.

• 두렵지 만 fadeOut은 IE6의 행 (i가 정확하게 호출 한 경우)에서 작동하지 않습니다. 제거하기 전에 <tr> 안에있는 모든 콘텐츠를 숨길 수 있어야합니다.

colorbox의 용도가 가장 잘 모르기 때문에 "단순화"하는 데 도움이되지 않습니다.

Answer 3

클로저에서 참조를 캡처하면 전역 데이터가 필요하지 않으므로 여러 개의 검사를 쉽게 수행 할 수 있습니다. 그러나이 경우에는 단일 colorbox에 바인딩되어있는 것처럼 보이므로 여러 인스턴스를 유용하게 사용할 수 있는지 여부는 알 수 없습니다.

function Check() { 
    this.Checked = false; 

    var obj = this; // 'this' doesn't get preserved in closures 

    $(document).ready(function() { 
     ... as before 
    )}; 
} 

var check = new Check; // Still need to store a reference somewhere.