CQ5のparsysコンポーネントを隠すには？

Question

私は

我々はparsys成分を有する

<div id="myDiv"> 
    <cq:include resourceType="foundation/components/parsys" path="par"/> 
</div> 

以下のコードを参照してください、私は共有したいSOM面白いことを学びましたが、私たち自身の事業部内含まれています。だから私たちが行うとき

$('#myDiv').hide(); 

私たちはparsysも隠されていると思うかもしれませんが、それは起こりません。

なぜですか？どのようにこのパッシーを隠すのですか？私たちが理解する必要が

Answer 1

ことの一つは、私たちがどのCQ関連のコンポーネントを取得する必要がある場合ということです。 CQで指定されたWCM APIを使用する必要があります。

私達はちょうど私たちのparsysの下に「パー」たちのparsys以内F12たちのコンポーネントを検査した場合、あなたが<script>タグが表示されます。

例えば、

CQ.WCM.edit({"path":"/content/mycompany/jcr:content/par/modal/modal-parsys","type":"foundation/components/parsys","csp":"pageComponent|page/par|parsys/modal|parbase/modal-parsys|parsys","isContainer":true}); 

パス参照： "/コンテンツ/ mycompanyの/ JCRを：コンテンツ/ PAR /モーダル/モーダルparsys"プロパティこれはまた、ここで知られているコンテンツの場所であります編集可能はリポジトリにあります。

これはparsys、dialoboxまたはCQで任意のコンテンツを検索するために「本部ID」として使用されます。

そして、私たちは、コンポーネントを非表示にするには、次のコードを使用します。

var parsysComp = CQ.WCM.getEditable('/content/mycompany/jcr:content/par/modal/modal-parsys'); 
if(parsysComp) // checking if Exists 
{ 
    parsysComp.hide(); 
} 

お役立ち情報： DOMの準備ができているとは独立して後にCQコンポーネントがはるかにロードされているので、あなたは、この文句を言わない仕事.ready .readyまたは$ $（ドキュメント）（ウィンドウ）で、このコードを貼り付けた場合窓の

ですから、ページのonloadイベントでparsysを非表示にする場合は、あなたがデザインモードでparsys editbarを非表示にしたい場合は、デザインモードに行く

CQ.WCM.on('editablesready', function() { 
    // Hiding parsys/editable code goes here 
}); 

に上記のコードを配置しますと言います。 Inspect（F12）を実行し、デザインモードでパスの値を確認します。コメント欄で

CQ WCM API docs

Reference Link 2