クリック時に液体変数を変更する

Question

クリックするとDOMが変更されます。 {{}} team.nameように私はそれを必要と

--- 
layout: pastTournaments 
title: Google Tournament 
permalink: /tournaments/google/ 
--- 

<h5 class="column-wrapper centered">These are the rankings for the Google Qualifying tournament, which was hosted on December 2, 2017.</h5> 
<br> 
<div class="column-wrapper"> 
    <div class="grid-x"> 
     <div class="large-6 shrink cell"> 
      <table> 
       <thead> 
        <tr> 
        <th width="20" class="centered">Rank</th> 
        <th width="150" class="centered">Team Number</th> 
        <th width="150" class="centered">Team</th> 
        <th width="50" class="centered">QP</th> 
        <th width="50" class="centered">RP</th> 
        <th width="50" class="centered">Plays</th> 
        </tr> 
       </thead> 
       <tbody> 
        {% assign sorted = site.data.google.teams | sort:"rank" %} 
        {% for team in sorted %} 
         <tr class="table" onclick="ranks()"> 
          <td class="centered">{{ team.rank }}</td> 
          <td class="centered">{{ team.number }}</td> 
          <td class="centered">{{ team.name }}</td> 
          <td class="centered">{{ team.qp }}</td> 
          <td class="centered">{{ team.rp }}</td> 
          <td class="centered">{{ team.plays }}</td> 
         </tr> 
        {% endfor%} 
       </tbody> 
      </table> 
     </div> 
     {% for team in site.data.google.teams %} 
     <!--I want to remove this if tag because it is specific to one team--> 
      {% if team.name == 'Q' %} 
       <!--I want to move this line --> 
       <div class="large-6 shrink cell"> 
        <h2 class="centered"><strong>{{ team.number }} {{ team.name }}</strong></h2> 
        <h4 class="centered"><strong>Rank: </strong>#{{ team.rank }}</h4> 
        <p class="centered"><strong>QP: </strong>{{ team.qp }}</p> 
        <p class="centered"><strong>RP: </strong>{{ team.rp }}</p> 
        <p class="centered"><strong>Plays: </strong>{{ team.plays }}</p> 
        <div id="ranks-right"></div> 
       <!--To this line --> 
       </div> 
      {% endif %} 
     {% endfor %} 

    </div> 
</div> 

クリックされたチームに設定されます。ここに私の液体（google.md）があります。

Answer 1

クリック時にジーキル変数を設定する必要があります。これは不可能です。あなたはジキルの仕方を完全に理解していません。あなたはほとんどそこにいます...しかし、欠けているのは、変数がビルド中にのみ設定されているということです。クリックでDOM内の何かを変更したい場合は、javascriptを使用する必要があります。液体はそれであなたを助けることができません。ごめんなさい。