DOM이 일부 변수를 덮어 쓰는 변경 사항을 처리하는 방법은 무엇입니까?

Question

Ruby on Rails, jQuery v1.8.3 및 jQuery UI v1.9.2를 사용하고 있습니다.

<%= render :partial => 'template_name', :locals => { :div_id => 'div_id1' } %> 

관련 template_name 파일에는 다음이 포함 : 뷰 파일에서 나는 부분 템플릿이 방법으로 렌더링하고 같은 페이지에서

<script type="text/javascript"> 
    var item = $('#<%= div_id %>') 

    alert(item.selector) // Display #div_id1 
</script> 

, Ajax 요청을 통해를, 나는 검색 및 추가 DOM에 동일한 부분과 템플릿하지만 :locals => { :div_id => 'div_id2' } :

<script type="text/javascript"> 
    var item = $('#<%= div_id %>') 

    alert(item.selector) // Display #div_id2 
</script> 

번째 이후 상기 메이커 전자 AJAX 요청, 나는 #div_id1에 대한 참조를 "잃어"은 #div_id2과 관련이 있기 때문에.

"덮어 쓰기"변수를 피하려면 어떻게해야합니까? 변수를 "격리"(어쩌면 네임 스페이스 또는 일부 jQuery 기능 사용) 할 수 있습니까?

Answer 1

코드 스 니펫이 자체 포함 된 경우 코드를 개인 범위로 옮길 수 있어야합니다.

<script type="text/javascript"> 
    (function(){ 
     var item = $('#<%= div_id %>'); 
     alert(item.selector); // Display #div_id2 
    })(); 
</script> 

나 자바 스크립트 기반 UI 위젯을 생성하는 서버 측 코드를 갖는 맞지 않지만.