Octobercms Component 나뭇 가지

Question

구성 요소의 고유 ID를 설정하는 방법을 보여 줄 수 있습니까? 난 단지 내 default.htm을 자바 스크립트를 사용하는 방법

{% set uid = '{{__SELF__.id}}' %} 

이 코드를 삽입해야 알아?

이것은 무엇입니까?

var avatar_{{uid}} = {{ avatar }}; 

예를 들어이 내 JS

$(function(){ 
    $("#tab-close").click(function() {   
     $("#tab").addClass("hidden"); 
    }); 
}); 

입니다 어떻게 두 구성 요소를 복제 할 때 여전히 오류없이 정상적으로 작동 할 수 있도록 내가 그것을 위해 고유 ID를 설정합니까?

Answer 1

그런 다음 자바 스크립트에서, 당신은 내부의 요소를 타겟팅 할 수 있습니다이

<div id="mycontrol{{ __SELF__.id }}"> 
    ... 
</div> 

처럼, 하나의 식별자 컨트롤을 캡슐화하는 것이 더있을 수 있습니다

function initTabs(controlEl) { 
    var $control = $(controlEl) 
    $(".tab-close", $control).click(function() {   
     $(".tab", $control).addClass("hidden"); 
    }); 
} 

은 위의 코드는 클래스 이름을 대상을 $control 컨테이너 안에 만 있습니다. 이 함수는 마크 업에서 이와 같이 호출합니다.

<script> 
    $(function(){ 
     initTabs('#mycontrol{{ __SELF__.id }}'); 
    }); 
</script>