相关疑难解决方法(0)

JQuery UI和JQuery工具可以一起工作吗?

JQuery UI和JQuery工具可以一起工作吗?即如果我在一个页面上包含两个库,它仍然可以工作吗?

jquery jquery-ui jquery-tools

21
推荐指数
1
解决办法
1万
查看次数

未捕获的类型错误:$(...).draggable 不是函数

大家好,我正在尝试制作一些可拖动的 div,并且我已经成功地使用 jquery-ui 做到了这一点。我还有一个脚本可以删除 2 个 div 并将它们组合成一个(就像它们已合并在一起一样)但是当我在新的“合并”div 上调用可拖动函数时,我得到的错误是标题...所以问题是什么 ?.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");
    }

});
} 
Run Code Online (Sandbox Code Playgroud)

首先我为测试类调用它,它完美地工作,没有错误

drag("test");
Run Code Online (Sandbox Code Playgroud)

但是当我在合并函数中再次调用它时,它返回错误:Uncaught TypeError: $(...).draggable is not a function

drag("test:not(.ui-draggable)");
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui draggable typeerror

5
推荐指数
1
解决办法
3万
查看次数

标签 统计

jquery ×2

jquery-ui ×2

draggable ×1

jquery-tools ×1

typeerror ×1