2013-01-02 69 views
1

我想使用jQuery-ui的拖放与角度js的手风琴列表... 但我的拖放不工作在jsFiddle(在本地服务器工作)作为萤火虫说, :ReferenceError:jQuery没有定义。jquery not loading在jsFiddle

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> 
+0

你可能没有选择它的小提琴jQuery,检查它在这里,http://jsfiddle.net/rajaadil/TTrdm/60/ – Adil

+0

@Adil:如果你看看管理资源,我认为他有已经添加了jquery。 – defau1t

回答

0

你的管理资源都失灵。您需要先使用jquery对它们进行重新排序,然后使用jquery ui等。这将解决jQuery未定义的JS错误。

+0

感谢:)工作......但现在我的拖放功能arent工作作为角js框架不活跃也许 – Adithya

+0

[这个jsFiddle](http://jsfiddle.net/simpulton/VJ94U/)似乎工作。我没有看到任何与你和你的区别。 – Levi

+0

我没有在我的脚本中使用服务......这似乎是唯一的区别:) ...谢谢我将通过它看:) – Adithya

1

JSFiddle左侧面板上一看,有你有选择Pure JS,如果你想使用 jQuery用户界面,然后选择jquery version 1.7.2并勾选jquery UI 1.8.18是低于。