如果父级有类,则流星渲染模板

时间:2016-11-26 17:02:33

标签: javascript meteor handsontable

您好,我只是想知道。我实现了一系列可折叠的div。我想要的是,如果表头是活动的,则呈现模板。我正在使用流星的handsontables包。所以我希望表格在活动时呈现。所以我拥有的是。

TestMsg

如你所见,我目前只有一个模板加载,但我确实计划安静一些。

然后我的js

 <ul class="collapsible" data-collapsible="accordion">
                    <li>
                        <div class="collapsible-header"><i class="material-icons">filter_drama</i>Global What Ifs</div>
                        <div class="collapsible-body">
                            {{#if isActive}}
                                {{>GlobalWhatIf}}
                            {{/if}}
                        </div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">place</i>Second</div>
                        <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
                    </li>
                    <li>
                        <div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
                        <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
                    </li>
                </ul>

我想也许我可以在帮助器中传递事件目标,但似乎不起作用。有道路我可以直接从把手上检查。

任何方式都可以提供一些帮助。

1 个答案:

答案 0 :(得分:0)

这样的事可能有用:

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Close window</title>
</head>

<body>
  <!-- here is your first AddEventlistener-->
  <button id="abc" onclick="temp1()">button</button>

  <script type="text/javascript">
    function temp1() {
      alert("temp1");
    };

    function temp2() {
      alert("temp2");
    }

    /*then here is your second AddEventlistener*/
    var d = document.getElementById("abc");
    d.addEventListener("click", temp2, false);

    /*javascript will execute it in order
      if you want to change the order. remove first EventListener then register new one after. something like this:
    */
     //remove listener
    d.onclick = null;
     //register new
    d.addEventListener('click', temp1);
  </script>
</body>

</html>