简体   繁体   English

如何在车把生成的元素上执行JQuery函数?

[英]How to execute JQuery function on handlebars generated element?

I am developing an Ember Application this includes normal handlebars {{if}} functionality 我正在开发一个Ember应用程序,其中包括普通的车把{{if}}功能

I am trying to implement accordion function from jqueryUI--- http://jqueryui.com/accordion/ 我正在尝试从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}}

the script function 脚本功能

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

is not getting executed as I enclose the div id "accordion" within a {{if}} helper how do i execute the script after the div "accordion" has been loaded to the DOM 我将div id“ accordion”封装在{{if}}助手中时,没有得到执行,我将div“ accordion”加载到DOM后如何执行脚本

UPDATE : A JSBIN of what I actually need http://jsbin.com/wejaba/5/edit 更新:我实际需要的JSBIN http://jsbin.com/wejaba/5/edit

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

I ran the accordion script in ember run next loop everything works fine 我在ember中运行了手风琴脚本,然后运行next循环,一切正常

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM