Javascript 用户界面可排序的不规则项'；我不能在一页纸上工作_Javascript_Jquery_Angularjs_Jquery Ui

Javascript 用户界面可排序的不规则项'；我不能在一页纸上工作

javascript jquery angularjs jquery-ui

Javascript 用户界面可排序的不规则项'；我不能在一页纸上工作,javascript,jquery,angularjs,jquery-ui,Javascript,Jquery,Angularjs,Jquery Ui,我有一个使用单页的项目……我已通过以下步骤连接ui angular lib：我添加了脚本 <script src=.....jquery-1.9.1.js"></script> <script src=.....jquery-ui.js"></script> <script src=".....1.2.4/angular.min.js"></script> <script src=.....sortable.js"&

我有一个使用单页的项目……我已通过以下步骤连接ui angular lib：

我添加了脚本

<script src=.....jquery-1.9.1.js"></script>
<script src=.....jquery-ui.js"></script>
<script src=".....1.2.4/angular.min.js"></script>
<script src=.....sortable.js"></script>

并在parrent上下文中添加了属性ui sortable=“sortableOptions” 例如，在表中：

 <tbody ui-sortable="sortableOptions">
       <tr>
           <td> 1 </td>
           <td> 1 </td>
           <td> 1 </td>
       </tr>
       <tr>
           <td> 2 </td>
           <td> 2 </td>
           <td> 2 </td>
       </tr>  
       <tr>
           <td> 3 </td>
           <td> 3 </td>
           <td> 3 </td>
       </tr>  
       </tbody>


1.
1.
1.
2.
2.
2.
3.
3.
3.

试试这个：

<!DOCTYPE html>

<html ng-app="MainApp">

    <head></head>

    <body>

        <table>
            <tbody ui-sortable="sortableOptions">
               <tr>
                   <td> 1 </td>
                   <td> 1 </td>
                   <td> 1 </td>
               </tr>
               <tr>
                   <td> 2 </td>
                   <td> 2 </td>
                   <td> 2 </td>
               </tr>  
               <tr>
                   <td> 3 </td>
                   <td> 3 </td>
                   <td> 3 </td>
               </tr>  
            </tbody>    
        </table>

        <script src="jquery.js"></script>
        <script src="angular.js"></script>
        <script src="jquery-ui.js"></script>
        <script src="sortable.js"></script>

        <script>
            angular.module('MainApp', ['ui.sortable'])
        </script>

    </body>

</html>


1.
1.
1.
2.
2.
2.
3.
3.
3.
angular.module（'MainApp'，['ui.sortable']）

您能为此创建一个新的应用程序吗？

<!DOCTYPE html>

<html ng-app="MainApp">

    <head></head>

    <body>

        <table>
            <tbody ui-sortable="sortableOptions">
               <tr>
                   <td> 1 </td>
                   <td> 1 </td>
                   <td> 1 </td>
               </tr>
               <tr>
                   <td> 2 </td>
                   <td> 2 </td>
                   <td> 2 </td>
               </tr>  
               <tr>
                   <td> 3 </td>
                   <td> 3 </td>
                   <td> 3 </td>
               </tr>  
            </tbody>    
        </table>

        <script src="jquery.js"></script>
        <script src="angular.js"></script>
        <script src="jquery-ui.js"></script>
        <script src="sortable.js"></script>

        <script>
            angular.module('MainApp', ['ui.sortable'])
        </script>

    </body>

</html>