jQuery .sortable() 不适用于车把

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>

车把脚本工作正常。这是注入

有什么建议吗？？

Answer 1

好的问题已经解决

我尝试在元素尚未创建时使用可排序功能。我在 handlebars 注入之后调用 jQuery。

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();         
},

jQuery .sortable() 不适用于车把

jQuery .sortable() doesnt work with handlebars

javascript

jquery

jquery-ui

jquery-ui-sortable