jQuery .sortable() не работает с рулями

У меня есть проблема, которую я не могу исправить. Я хотел бы переместить список divs (они создаются рулями) и отсортировать их, но я не могу это сделать, и я не могу решить.

Вот мой код:

<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 работает нормально. Это впрыснуто внутри

Есть предложения??

1 ответ

  1. Окей проблема решена.

    Я попытался использовать функцию sortable, когда элементы еще не были созданы. Я поставил вызов 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();					    
    },