jQuery-TypeError:$(…)。sortable不是函数
我有这个代码,但它已经不起作用了。几天前它起作用了,但现在不再起作用了。我不记得我能改变什么jQuery-TypeError:$(…)。sortable不是函数,jquery,serialization,jquery-ui-sortable,Jquery,Serialization,Jquery Ui Sortable,我有这个代码,但它已经不起作用了。几天前它起作用了,但现在不再起作用了。我不记得我能改变什么 $( ".guardarorden" ).click(function( event ) { event.preventDefault(); }); $(document).ready(function(){ $(function() { $( "#ordename" ).sortable({ placeholder: "ui-state-high
$( ".guardarorden" ).click(function( event ) {
event.preventDefault();
});
$(document).ready(function(){
$(function() {
$( "#ordename" ).sortable({
placeholder: "ui-state-highlight",
cursor: 'move',
opacity: 0.5,
activate: function( event, ui ) {
$('.guardarorden').removeClass('hidden');
},
update: function(event, ui){
var nuevoOrden = $(this).sortable("serialize"); // Here is my problem!!!
alert(nuevoOrden);
$(window).on('beforeunload', function(){
return 'Si has realizado cambios, asegurate de guardarlos antes de abandonar la página...';
});
$( ".guardarorden" ).click(function( event ) {
event.preventDefault();
$.post('guardaorden/'+nuevoOrden, {list: nuevoOrden},function(data){
}, 'json');
$(window).off('beforeunload');
alert("Orden guardado correctamente. Aunque esto sería mejor con un mensaje de error típico");
location.reload();
//alert("guardado con éxito!")
});
}
});
$( "#ordename" ).disableSelection();
});
});
我不知道为什么var nuevoOrden=$(this.sortable(“serialize”)代码>不是一个函数。有什么想法吗
已编辑
我认为这是关于jQueryUI的。我加载主页中的每个脚本,如下所示:
{{ HTML::script('//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js')}}
{{ HTML::script('js/jquery-1.11.1.min.js') }}
{{ HTML::script('js/bootstrap-multiselect.js') }}
{{ HTML::script('js/bootstrap-slider.js') }}
{{ HTML::script('js/sisyphus.min.js') }}
{{ HTML::script('//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js')}}
{{ HTML::script('/js/ckeditor/ckeditor.js')}}
{{ HTML::script('/js/ckeditor/adapters/jquery.js')}}
{{ HTML::script('//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js')}}
但我已经尝试手动加载页面中出现问题的最后一个页面,它可以正常工作。。。但只是有时候(我不明白)。第一次它工作良好,但我有错误消息
如果我从我的页面中删除{HTML::script('//ajax.googleapis.com/ajax/libs/jqueryyui/1.11.1/jquery ui.min.js')}
并在浏览器中重新加载页面,然后我将{HTML::script('//ajax.googleapis.com/ajax/libs/jqueryyui/1.11.1/jquery ui.min.js')}}
再次放入我的页面并重新加载,它就会工作。直到我换一页。当我回来时,它又不起作用了…:(
编辑2
如果我删除{{HTML::script('/js/CKEditor/CKEditor.js')}
和{HTML::script('/js/CKEditor/adapters/jQuery.js')},jQuery ui和CKEditor之间是否存在任何不兼容
没有问题!!加载Jquery和Jquery UI的顺序很可能是错误的。请尝试先加载Jquery,然后再加载Jquery UI。任何不能使用$(“#ordename”)。可排序(“序列化”)
?你测试过这是什么吗?你有没有删除对jquery ui的引用?@karthikr:它会不会在$(“#ordename”).sortable({
行朝上,如果是这样的话?@jwatts1980我正在使用$(“#ordename”).sortable(“序列化”)
来获取我想要使用的数据(顺序)