无法加载Javascript

我做错了什么？Javascript不起作用。有一个指向JSFIDLE的链接，它在那里工作得很好：

我想以某种方式将其重写到我的程序中，但js似乎没有加载

HTML:

CSS:

---

我认为您没有在代码中添加jQueryUI脚本引用，请在head标记中添加下面的脚本，希望它能正常工作

 <script   src="http://code.jquery.com/ui/1.12.0/jquery- 
 ui.min.js"integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="    
 crossorigin="anonymous"></script>

---

添加此项后，我觉得一切正常。

已解决：我必须在head标记中同时包含两个脚本引用。谢谢大家的建议

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>

请正确指定问题；你能给我们看一下你的控制台的截图吗？你检查过浏览器的控制台了吗？是否有任何错误？您的页面是否通过https提供？控制台显示：TypeError:$（…）。Dragable不是一个功能我尝试了很多组合：使用两个脚本引用或仅使用一个脚本引用，但仍然不起作用：(

/* CSS Document */
body { 
     margin: 0;
}
#launchPad {
     float:left;
     border: 1px solid #eaeaea;
     background-color: #f5f5f5;
}
#dropZone {
     float:right;
     border: 1px solid #eaeaea;
     background-color: #ffffcc;
}
.card { 
     width: 150px; 
     padding: 5px 10px;
     margin:5px;
     border:1px solid #ccc;
     background-color: #eaeaea;
}
.stack {
     width: 180px;
     border: 1px solid #ccc;
     background-color: #f5f5f5;
     margin: 20px;
}
.stackHdr {
     background-color: #eaeaea;
     border: 1px solid #fff;
     padding: 5px 
}
.stackDrop1, .stackDrop2 {
     min-height:100px;
     padding: 15px;
}
.stack .card.ui-draggable{
     background-color:orange;
     height:150px;
}

 <script   src="http://code.jquery.com/ui/1.12.0/jquery- 
 ui.min.js"integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="    
 crossorigin="anonymous"></script>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30=" crossorigin="anonymous"></script>