javascript - jQuery .sortable() 不适用于 Handlebars

Question

我有一个无法解决的问题。我想移动 div 列表(它们是由 Handlebars 创建的)并对它们进行排序，但我无法做到这一点，也无法解决。

这是我的代码:

<script id="template-listado" type="text/x-handlebars-template">
    <ul>
        {{#each listado}}
        <li id="sortable">
            <div>{{descripcion}}</div>
            <div>{{activo}}</div> 
        </li>
        {{/each}}
    </ul>
</script>

HTML

<div class="container" style="width :900px">
  <form name="sinapsis" id="sinapsis" method="post">
  <div class="titulo_pagina">
    <h3>##$ADM_BANNER##</h3>
  </div>
  <div id="listado">
    <script>
      $( "#sortable" ).sortable();      
    </script>
  </div>
</div>

Handlebars 脚本工作正常。这是注入(inject)

有什么建议吗？

Answer 1

好的，问题已经解决了。

当元素尚未创建时，我尝试使用可排序功能。我将 jQuery 调用放在 Handlebars 注入(inject)之后。

init : function(){
     MediaObject.crearObjeto();
     var dlg2 = null;
     this.dlg2 = dlg2 = new DialogBox();
     var navegador = BCheck();
     var formulario = new FormMgr("sinapsis", navegador);

     MediaObject.templateContenido = Handlebars.compile($("#template-listado").html());
     MediaObject.pintarListado();

     $( "#listado > ul" ).sortable();					    
},