Octobercms Component Twig

Question

コンポーネントの一意のIDを設定する方法を教えてもらえますか？ 私は私が私のdefault.htm JavaScriptでそれを使用する方法を

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

にこのコードを配置する必要があります知っていますか？

これは何ですか？

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

は、例えばこれが私のjs

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

どのように私は両方のコンポーネントを複製する際に、まだエラーなしで正常に動作できるように、私はそれのために一意のIDを設定するのですか？

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

を上記のコードは、クラス名をターゲットにしています。

Answer 1

次にJavaScriptで、あなたの中の要素をターゲットにすることができ、この

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

のように、単一の識別子を使用してコントロールをカプセル化した方がよいかもしれません$controlコンテナ内にのみ存在します。あなたはこのようにマークアップからこの関数を呼び出します

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