2015-01-16 3 views
1

Я попытался перетащить строки в таблице - angularjs. Мой текущий кодПеретаскивание строк в таблице в jsfiddle не работает - angularjs

<div ng:controller="controller"> 
    <table style="width:auto;" class="table table-bordered"> 
     <thead> 
      <tr> 
       <th>Index</th> 
       <th>Count</th> 
      </tr> 
     </thead> 
     <tbody ui:sortable ng:model="list"> 
      <tr ng:repeat="item in list" class="item" style="cursor: move;"> 
       <td>{{$index}}</td> 
       <td>{{item}}</td> 
      </tr> 
     </tbody>{{list}} 
     <hr> 
</div> 
<script src="http://code.angularjs.org/1.0.2/angular.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script> 

Мой код контроллера

var myapp = angular.module('myapp', ['ui']); 

myapp.controller('controller', function ($scope) { 
    $scope.list = ["one", "two", "thre", "four", "five", "six"]; 
}); 

angular.bootstrap(document, ['myapp']); 

хорошо работает в http://jsfiddle.net/xfmh6ywm/, но не работает с тем же кодом в http://jsfiddle.net/9z4zn9uz/. Подобно последней скрипке даже на моем веб-сайте, я не могу изменить порядок строк.

+1

Я изменил вашу скрипку JQuery 1.8.3 с JQuery UI 1.9.2 и это работает .. – Nick

ответ

-2

Измените версию jQuery в раскрывающемся списке левого верхнего угла на: jQuery 1.8.3 это начнет работать.

updated fiddle: 

http://jsfiddle.net/9z4zn9uz/1/

+0

Не могли бы вы указать причину авансовый ГОЛОСОВАНИЯ .. :) – Vijay

+0

Из-за того, что, Я пытаюсь перенести первую строку сверху вниз, она не работает должным образом (браузер: Chrome Version 41.0.2272.101 m) – ionat

Смежные вопросы