0

我使用 Backbone 和 Coffeescript 创建了一个 DL、DT、DD 定义列表。我在下面的 html 页面中使用了模板。没有问题，成功渲染html。我在 chrome 中查看了 html，元素还可以。

毕竟，我试图制作手风琴。并想尝试所有的DT隐藏。但无法为此标签制作任何 Jquery 代码。

我用控制台；

 $(function () {    
       var allDD= $('div#userList dl').html();
       console.log(allDD);
      });

但没有任何日志！

我在网上搜索什么也没找到。也试过了；

 $(document).ready and window.onload()

但仍然什么也没发生。

如何在 Backbone 渲染后对代码制作手风琴效果。

请问有什么帮助吗？

  <div id="userList"> 
      // DL > DT+DD will be here
  </div>

  <script type="text/template" id="tpl-user-results">
  <dl class="users"></dl>
  </script>

  <script type="text/template" id="tpl-user-row-dt">
      <span class="percent"><%= Math.ceil(dt.score) %></span>
      <a href="#" class=""> <%= dt.username %> (<%= dt.score%>) </a>
  </script> 

  <script type="text/template" id="tpl-user-row-dd">
      <span class="percent"> <%= dd.username %> (<%= dd.score%>) 
      <img src="/user/0001.jpg">
      <p>User Info : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus reiciendis corporis hic consequatur alias veniam repudiandae architecto. Maiores aliquid sint cupiditate voluptate modi debitis ipsum consequuntur quaerat odit id ipsa.</p>
  </script>
4

1 回答 1

1

这段代码

var allDD= $('div#userList dl').html();

render在您实际呈现 HTML 代码之后，应该在您的视图中显示您的方法。

例子：

render: function() {
    this.$el.html(someTemplate);
    this.$el.accordion();
    this.$("dt").hide();
}
于 2013-01-15T20:13:42.180 回答