未捕获的类型错误: $(..).可拖动不是 ASP .NET MVC View 文件中的函数错误

Question

uncatch TypeError： $(...(.可拖动不是函数是错误。所有必需的文件都已添加，并且也已按顺序添加。尝试清除缓存和所有这些东西，但仍然无法使其正常工作。是我可能正在做什么愚蠢的事情，还是我错过了什么。我尝试从许多来源添加 CDN，直接使用来自源的文件，但没有效果。使用 Id 'draggable' 而不是类。有人可以帮忙吗这是更新的代码`

 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="~/Scripts/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 col-md-6">Test</div>

'更新：

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

Answer 1

您的代码运行良好。

$(function() {
  $(".draggable").draggable();
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<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>
<div class="draggable col-md-6">Test</div>

Answer 2

draggable 拼写错误，也应该用 . 而不是 #，只要是一个类，而不是一个 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>

Answer 3

问题是在 ASP .NET MVC 中有一行默认的代码

@RenderSection("scripts", required: true)

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

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

希望它在未来对某人有所帮助。

Answer 4

就我而言，

佩奇指的是 - 两个jquery.js引用。

一个在母版页中。(布局页面(与旧版本。和正文页脚。

所以我删除了旧的，并在标题部分给出了对新版本的引用。