如何在handlebars生成的元素上執行JQuery函數？

我正在開發灰燼應用程序，這包括正常的車把{{如果}}功能如何在handlebars生成的元素上執行JQuery函數？

我想實現從jQueryUI的手風琴功能--- http://jqueryui.com/accordion/

{{if showContent}} 
<div id="accordion"> 
     <h3>Section 1</h3> 
     <div> 
     <p> 
     Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer 
     ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit 
     amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut 
     odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate. 
     </p> 
     </div> 
     <h3>Section 2</h3> 
     <div> 
     <p> 
     Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet 
     purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor 
     velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In 
     suscipit faucibus urna. 
     </p> 
     </div> 
     <h3>Section 3</h3> 
     <div> 
     <p> 
     Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. 
     Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero 
     ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis 
     lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. 
     </p> 
     <ul> 
      <li>List item one</li> 
      <li>List item two</li> 
      <li>List item three</li> 
     </ul> 
     </div> 
    </div> 

{{/if}}

腳本函數

<script> 
    $(function() { 
    $("#accordion").accordion(); 
    }); 
    </script>

沒有得到執行，因爲我把div id「accordion」放在{{如果}}幫助我如何在div「手風琴」已經被加載到DOM

更新後執行腳本：什麼，我確實需要http://jsbin.com/wejaba/5/edit

來源

2014-10-06 suryakrish

我想，如果你把你的腳本標籤之前{{/ if}個}然後它會工作。 – 2014-10-06 12:19:42

http://jsbin.com/bogegizozeca/1 – 2014-10-06 13:07:22

感謝@MohitArora，但我發現了一個燼這個解決方案 – suryakrish 2014-10-06 14:13:51

showAccordion:function() 
     { 
     this.toggleProperty('showAcc'); 
     Ember.run.next(function() { 
     $("#accordion").accordion(); 
     }); 
     }

我跑了一個JSBIN在燼運行下一個循環的一切手風琴腳本工作正常

http://jsbin.com/bogegizozeca/3/edit

來源

2014-10-06 14:15:42 suryakrish

如何在handlebars生成的元素上執行JQuery函數？

回答

相關問題