Javascript TypeError:$（…）。gridstack不是函数#709

这是我的脚本序列：

src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-min.js"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"
src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.min.js"
src="../dist/gridstack.js"
src="gridstack.js"
src="../dist/gridstack.min.js"
href="../dist/gridstack.css"
href="../dist/gridstack.min.css"

这是我的JavaScript代码，我在其中使用了gridstack函数，但它显示了错误。请检查脚本和JavaScript文件的顺序

    $(function () {
 alert("1");
    $('.grid-stack').gridstack({
        animate: true,
        auto: true,
        width: 12,
        float: true,
        vertical_margin: 0,
        always_show_resize_handle: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
        resizable: {
            handles: 'e, se, s, sw, w'
        }   
    });

    $('.grid-stack-placeholder').remove();

    this.grid = $('.grid-stack').data('gridstack');

    this.add_widget = function(){
     alert("OK");

        var id = getRandomInt(1111,9999);

        var el = $.parseHTML("<div><div class=\"grid-stack-item-content\" data-id=\""+id+"\"/><div/>");
        this.grid.add_widget(el, 0, 0, 6, 5, true);

        $('.grid-stack-item-content[data-id="'+id+'"]').append('<span class="fa fa-times remove-widget"> </span><span class="fa fa-pencil select-use"></span>  </span><span class="fa fa-plus add-nested-widget-box"></span> ');

    }.bind(this);

    this.clear_grid = function () {
        this.grid.remove_all();
    }.bind(this);

    $('.clear-customization, .customize-pages-list li').click(this.clear_grid); 
    $('.add-widget-box').click(this.add_widget);

});

$('body').on('click', '.remove-widget', function(){

    var grid = $('.grid-stack').data('gridstack');

    grid.remove_widget($(this).parents().eq(1));

});


function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

$（函数（）{
警报（“1”）；
$（'.grid stack'）.gridstack({
动画：对，
是的，
宽度：12，
是的，
垂直_边距：0，
始终显示调整手柄：/Android | webOS | iPhone | iPad | iPod |黑莓| IEMobile | Opera Mini/i.test（navigator.userAgent），
可调整大小：{
手柄：“e、se、s、sw、w”
}   
});
$（'.grid stack placeholder'）.remove（）；
this.grid=$（'.grid stack'）。data（'gridstack'）；
this.add_widget=function（）{
警报（“正常”）；
var id=getRandomInt（11119999）；
var el=$.parseHTML（“”）；
这个.grid.add_小部件（el，0，0，6，5，true）；
$（'.grid堆栈项内容[data id=“'+id+''']”]）.append（''）；
}.约束（本）；
this.clear_grid=函数（）{
此.grid.remove_all（）；
}.约束（本）；
$（'.clear customization，.customize pages list li'）。单击（此.clear_网格）；
$（'.add小部件框'）。单击（此.add_小部件）；
});
$（'body'）。在（'click'，'remove widget'，function（）上{
var grid=$（'.grid stack'）。data（'gridstack'）；
grid.remove_小部件（$（this.parents（）.eq（1））；
});
函数getRandomInt（最小值、最大值）{
返回Math.floor（Math.random（）*（max-min+1））+min；
}

将css置于顶部，而不是js文件

 href="../dist/gridstack.css"

到头来

src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" 
src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"
src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.1/underscore-
src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.min.js"
src="../dist/gridstack.js"

从js中删除那些gridstack.min.js，因为您正在使用它的开发版本

即使不起作用，也要试试这个

<script>
$.noConflict();


  $('.grid-stack').gridstack({
        animate: true,
        auto: true,
        width: 12,
        float: true,
        vertical_margin: 0,
        always_show_resize_handle: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
        resizable: {
            handles: 'e, se, s, sw, w'
        }   
    });

$.noConflict（）；
$（'.grid stack'）.gridstack({
动画：对，
是的，
宽度：12，
是的，
垂直_边距：0，
始终显示调整手柄：/Android | webOS | iPhone | iPad | iPod |黑莓| IEMobile | Opera Mini/i.test（navigator.userAgent），
可调整大小：{
手柄：“e、se、s、sw、w”
}   
});

是的，在sequenceUsed的顶部使用jquery.min.js有助于在顶部使用，但问题是相同的。添加gridstack需要多少时间才能删除min文件或产品file@RAHULSR现在检查qusTypeError:$（…）.gridstack不是函数$（'.grid stack'）.gridstack（{demo.js（第3行，第1列）gridstack正在使用任何js文件进行分类，我建议您重新移动除jquery和grid tsack之外的所有js文件，然后再次运行它。如果可以，请尝试逐个添加js文件，并尝试知道是哪个js造成了问题