Jquery 没有在 jsFiddle 中加载答案

【问题标题】：Jquery not loading in jsFiddleJquery 没有在 jsFiddle 中加载
【发布时间】：2013-01-02 05:43:10
【问题描述】：

我正在尝试使用 jQuery-ui 的拖放和 angular js 来获取手风琴列表... 但是，我的拖放在 jsFiddle 中不起作用（在本地服务器中起作用），因为萤火虫指出： ReferenceError: jQuery is not defined 。

Here 是 jsFiddle

               <!DOCTYPE html>
<html ng-app="App">

<title>Task WhiteBoard</title>
<head>
<meta charset="utf-8" />     
<meta name="description" content="AngularJS + jQuery UI Drag-n-Drop" />
<title>Angular Drag and Drop</title>
</head>


<body ng-controller="dndCtrl" ng-cloak>
<h3>Task Whiteboard</h3>


<div class='list1' droppable value='1' >    

<div class='header'>
    Free Tasks
</div>

<div class="below-header">

</div>

<div  ng-repeat="item in list1" data-index="{{$index}}" draggable>
    <div class="zippy" zippy-title="{{item.name}}">
            {{item.content.newLabel}}    <br/>
            {{item.content.desc}}    <br/>
            {{item.content.effort}}    <br/>
            {{item.content.owner}}    <br/>
            {{item.content.issues}}    <br/>    
            {{item.content.comments}}    <br/>
            {{item.content.dependency}}    <br/>
    </div>    
</div>    
</div>    

<div class='list2' droppable value='2'>    

<div class='header'>
    Claimed Tasks
</div>

<div class="below-header">

</div>

<div ng-repeat="item in list2" data-index="{{$index}}" draggable>
    <div class="zippy" zippy-title="{{item.name}}">
            {{item.content.newLabel}}    <br/>
            {{item.content.desc}}    <br/>
            {{item.content.effort}}    <br/>
            {{item.content.owner}}    <br/>
            {{item.content.issues}}    <br/>    
            {{item.content.comments}}    <br/>
            {{item.content.dependency}}    <br/>
    </div>    
</div>    
</div>

<div class='list3' droppable value='3'>

<div class='header'>
    Completed Tasks
</div>

<div class="below-header">

</div>

<div ng-repeat="item in list3" data-index="{{$index}}" draggable>
        <div class="zippy" zippy-title="{{item.name}}">
            {{item.content.newLabel}}    <br/>
            {{item.content.desc}}    <br/>
            {{item.content.effort}}    <br/>
            {{item.content.owner}}    <br/>
            {{item.content.issues}}    <br/>    
            {{item.content.comments}}    <br/>
            {{item.content.dependency}}    <br/>
        </div>    
</div>
</div>    


<div style="clear:both;">
    list 1 size : {{list1.length}}    <br/>
    list 2 size : {{list2.length}}    <br/>
    list 3 size : {{list3.length}}    <br/>
</div>
</body>
</html>

【问题讨论】：

你可能没有在 fiddle 上为它选择 jQuery，在这里检查一下，jsfiddle.net/rajaadil/TTrdm/60
@Adil：如果你看一下管理资源，我想他已经添加了jquery。

标签： jquery jquery-ui angularjs jsfiddle

【解决方案1】：

看看JSFiddle的左侧面板，那里你选择了Pure JS，如果你想使用 Jquery UI 然后选择jquery version 1.7.2 并选中下方的复选框jquery UI 1.8.18。

【讨论】：

【解决方案2】：

您的托管资源出现故障。你需要先用jquery重新排序，然后用jquery ui等，这样就可以解决jquery未定义的JS错误。

【讨论】：

This jsFiddle 似乎有效。我看不出它和你的有什么不同。
我没有在我的脚本中使用服务...这似乎是唯一的区别 :) ...谢谢我会仔细查看 :)