Jquery 未捕获的TypeError:$（…）.Dragable不是ASP.NET MVC视图文件中的函数错误

未捕获的TypeError:$（…）。Dragable不是一个函数，而是一个错误。 所有必需的文件都已添加并按顺序排列。 尝试清除缓存和所有这些东西，但仍然无法使其正常工作。是我正在做的蠢事还是我错过了什么。 我尝试从许多源添加CDN，直接使用源文件中的文件，但没有效果。使用Id“draggable”而不是类。有人能帮忙吗 这是更新的代码 `

$（函数（）{
$（“.draggable”）.draggable（）；
} );
试验

` 更新：

---

代码正在MVC项目的Views文件夹中的索引文件中运行。我不知道这些信息是否有用。

Dragable拼写错误，也应使用。而不是#，只要是类而不是id。请尝试以下代码：

 <style>
        .draggable {
            width: 150px;
            height: 150px;
            padding: 0.5em;
            background-color: red;
        }
    </style>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
      $( function() {
          $(".draggable").draggable();
      } );
    </script>
     <div class="draggable">
      Hola
     </div>

.拖拉{
宽度：150px；
高度：150像素；
填充：0.5em；
背景色：红色；
}
$（函数（）{
$（“.draggable”）.draggable（）；
} );
赫拉

您的代码工作正常

$（函数（）{
$（“.draggable”）.draggable（）；
});

Test
问题是在ASP.NETMVC中有一行默认的代码

@RenderSection("scripts", required: true)

这将禁用视图中的所有其他脚本
要解决这个问题，只需在脚本部分添加脚本文件即可

@section scripts {
<script src="~/Scripts/jquery-ui-1.12.1.js"></script>
}

@节脚本{
}

希望它对将来的人有所帮助。
就我而言

页面引用了两个jquery.js引用

一个在母版页上。（布局页）与旧版本。和在身体底部

因此，我删除了旧版本，并在标题部分引用了新版本
 我认为纠正CSS不会解决这里的问题。（无论如何都试过了）。但是对于尝试，问题是其他的。事实上，这里不需要CSS。试着像我所说的那样加载库。在许多浏览器中，如果在加载对象声明之前就有了对象，那么它就会失败。您确定只有这么多代码吗。否则就分享完整的代码。这么多的信息不应该足够了吗？不是我有任何问题，而是我认为它只是一个简单的html索引页，对JS没有任何影响。谢谢你尝试尝试，但问题不是代码
@section scripts {
<script src="~/Scripts/jquery-ui-1.12.1.js"></script>
}