Javascript 动态表的jQuery ui排序表
我正在用JavaScript动态添加表,但当我调用sortable时,我不断得到这样的错误:sortable不是一个函数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
<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();