未捕获的TypeError：$（...）。draggable不是函数

zouzou b lebiane

大家好，我正在尝试使某些div可拖动，并且我设法使用jquery-ui做到了这一点。我也有一个脚本，可删除2个div并将它们合并为一个（例如，如果它们已经合并在一起），但是当我在新的“合并” div上调用draggable函数时，得到的错误是标题...所以问题是什么？.draggable函数如何在一个地方而不是另一个地方（在同一文件上）工作！

这是可拖动的功能：

function drag($class){
$("."+$class).draggable({
containment: ".tab-content",
grid: [ 3, 3 ],
zIndex:100,
obstacle: "#nothere",
preventCollision: true,
drag:
function(){
    $(".test").css("background-color","red");
    $(this).css("background-color","green");
    }

});
}

首先，我将其称为测试类，它完全可以正常工作且没有错误

drag("test");

但是当我在合并函数中再次调用它时，它返回错误：Uncaught TypeError：$（...）。draggable不是一个函数

drag("test:not(.ui-draggable)");

js文件已正确加载：

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>

加里

我知道这是一个老问题，但是由于我遇到了同样的问题，因此找不到答案...

我包括所有正确的脚本，检查链接是否有效等，但仍然无法正常工作。

然后，我将脚本引用移到了调用.draggable的代码的正上方，并且它完美地工作了。

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css"/>
        <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" />
        <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" />

        <script type="text/javascript">
            $(function () {
                $(".regionStyle li").draggable();
                $(".regionStyle").droppable({
                    drop: function (event, ui) {
                        $(this)
                        .addClass("ui-state-highlight")
                        .find("p")
                        .html("Item Dropped!");
                    }
                });
            });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。