如何在Twitter bootstrap下拉菜单中使用Sproutcore 2.0

Question

我使用twitter-bootstrap创建顶部菜单,它工作正常

.topbar
  .topbar-inner
    .container-fluid
      {{#view Mediawrap.menuView id="menuView"}}
      = link_to 'Mediawrap', root_path, {:class=>"brand"}
      %ul.nav
        %li.menu
          = link_to 'Search', "#", {:class=>"menu"}
          %ul.menu-dropdown
            %li
              = link_to "Hide date search", "#"
            %li
              = link_to "Hide index search", "#"
            %li
              = link_to "Hide advance search", "#"
            %li
              = link_to "Clear search", "#"
            %li.divider
            %li
              = link_to 'Save to new folder ...', "#"
            %li
              = link_to 'Replace a folder', "#"
      {{/view}}

直到我尝试将Sproutcore添加到页面.我的下拉列表停止工作了.我认为这是因为"$(document).ready(function()"在Sproutcore生成HTML标记之前调用.

$(document).ready(function() {
  alert("bank");
  $(".topbar").dropdown();
});

在sproutcore完成生成HTML标记后,如何在document.ready中调用命令

Answer 1

您也可以尝试在应用程序中使用ready回调:

App = SC.Application.create({
  ready: function() {
    this._super();
    $(".topbar").dropdown();
  }
});

我认为这是一个错误,你必须在这里调用this._super(),并且很快就会修复它.