2016-08-12 17 views
0

を動作していない場合であればジキルで声明:ジキル文は、私は以下のいる

{%assign current = page.url | split: '/' %} 
<ul> 
<li> 
    <a href="../product-type/index.html" 
    {% if current == "product-type" %} class="active-circle"{% endif %}> 
    <div class="circle"></div> 
    </a></li> 
</ul> 

UPDATE:私はコンパイルされたHTMLファイルに移動して、手動で、「アクティブ・サークル」クラスを追加する場合であっても そのクラスのCSSは私のブラウザには表示されず、要素を調べるとリンクにはそのクラスはありません!

これは以前より働いていました(divクラスの背景色を変更するいくつかのCSSがあります)。ビルド先を指定のフォルダに変更した後、ビルド先の作業が停止しました。私は{{現在の}}が確実であることを印刷しました。それは確かに私が確認しているものです。私はまた、テストの "if"文を別の場所に追加しようとしましたが、それはうまくいきませんでした。

私のif文に問題はありますか?私は何時間もこれを見つめていて、何が悪くなったのか分からない!!

答えて

1

split液体フィルターは常に配列を返します。

試してみてください。あなたの場合

{% assign myArray = "https://stackoverflow.com/a/b/c/" | split: "/" %} 
<p>{{ myArray }}</p>   ---> abc 
<p>{{ myArray | inspect}}</p> ---> ["", "a", "b", "c"] 

、あなたが持っている:

{% assign current = "/product-type/" | split:"/" %} 
<p>{{current | inspect}}</p>  --> ["", "product-type"] 
<p>{{current.last | inspect}}</p> --> "product-type" 

今、あなたと比較することができます:

{% if current.last == "product-type" %} --> true