Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态表的jQuery ui排序表_Javascript_Jquery_Html_Jquery Ui_Jquery Ui Sortable - Fatal编程技术网

Javascript 动态表的jQuery ui排序表

Javascript 动态表的jQuery ui排序表,javascript,jquery,html,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Html,Jquery Ui,Jquery Ui Sortable,我正在用JavaScript动态添加表,但当我调用sortable时,我不断得到这样的错误:sortable不是一个函数 <script src="{{ asset('dashboard/js/jquery.min.js')}}"></script> <script src="{{ asset('dashboard/js/jquery-ui.min.js')}}"></script> $("#ok").click(function(){ s

我正在用JavaScript动态添加表,但当我调用sortable时,我不断得到这样的错误:sortable不是一个函数

<script src="{{ asset('dashboard/js/jquery.min.js')}}"></script>
<script src="{{ asset('dashboard/js/jquery-ui.min.js')}}"></script>



$("#ok").click(function(){
 showTable($("#table"+j),arraySeparate);

  $('.forsortable').sortable({
   handle: ".handle",
   axis: "y"
   });
});

function showTable(table,array){
var row, cell;
 for(var i=0; i<array.length; i++){
     row = $( '<tr />' );
     table.append( row );
     for(var j=-12; j<array[i].length; j++){
        if (j==-12 && array[i][4]=="قطار") {
            cell = $('<td><input type="text" class="form-control unit" value="1"></td>');
            row.append( cell );
        }else if(j==-10){
            cell = $('<td><input type="text" class="form-control unit building"></td>');
            row.append( cell );
        }else if (j<0) {
            cell = $('<td><input type="text" class="form-control unit"></td>');
            row.append( cell );
        }else if (j==4) {
            switch(array[i][j]) {
                case "قطار":
                    cell = $('<td><span class="label label-danger" style="font-size:16px;">'+array[i][j]+'</span></td>');
                    break;
                case "دعم":
                    cell = $('<td><span class="label label-success" style="font-size:16px;">'+array[i][j]+'</span></td>');
                    break;
                case "كسر":
                    cell = $('<td><span class="label label-warning" style="font-size:16px;">'+array[i][j]+'</span></td>');
                    break;
                case "تنظيف":
                    cell = $('<td><span class="label label-info" style="font-size:16px;">'+array[i][j]+'</span></td>');
                    break;        
                default:
                    cell = $('<td><span class="label" style="font-size:16px;">'+array[i][j]+'</span></td>');
            }
             row.append( cell );
        }else if (j==6) {
            cell = $('<td><div style="width: 11px; height:11px; background-image: url(https://dsae.innogamescdn.com/8.125/36907/graphic/sorthandle.png); cursor:pointer" class="handle " title="يمكنك تعديل ترتيب قائمة الإرساليات من خلال سحبها بالماوس إلى المكان المطلوب."> </div><a class="remove-command" onclick="deleteRow(this)" href="#"><img src="https://dsae.innogamescdn.com/8.125/36907/graphic/delete_small.png" title="حذف الإرسالية" alt="حذف"></a></td>');
            row.append( cell );
        }else if (j==5) {
            cell = $('<td><input type="text" class="form-control miliscond"></td>');
            row.append( cell );
        }else if (j==0){ 
            cell = $('<td>'+moment(array[i][j]).format("DD / MM / YYYY  HH:mm:ss")+'</td>');
            row.append( cell );
         }else{
            cell = $('<td>'+array[i][j]+'</td>');
            row.append( cell );
         }

    }
 }
}
但还是给我同样的错误。
如果我将sortable的代码放在click函数之外,没有得到任何错误,但是sortable不起作用。

初始化小部件时,它只能访问DOM中当前的内容。如果修改DOM,则必须刷新小部件。

相同的错误(
uncaughttypeerror:$(…).sortable不是一个函数
)其他想法:
console.log($('.forsortable'))
并确保它返回的是您期望它返回的内容
console.log(jQuery,jQuery.ui)
并确保两个库都按预期加载了.console.log(jQuery.ui);给我undefinedIt应该返回一个带有jQuery ui函数的对象。仔细检查文件路径和文件名,并查找任何打字错误。
$('.forsortable').sortable();
$('.forsortable').disableSelection();