javascript - 未捕获的 TypeError : $(. ..).tableDnD 不是函数-6ren

javascript - 未捕获的 TypeError : $(. ..).tableDnD 不是函数

转载作者：行者123 更新时间：2023-12-03 06:31:27

28

4

实际上，我正在尝试用 C# 开发一个拖放 gridview，我寻找了一些像 tableDnD 这样的 jquery 库，并按照一些示例我看到了一段代码。我正在尝试用我的代码回复它，但我有一个

Uncaught TypeError: $(...).tableDnD is not a function.

我的代码很简单，我想解释一下:

首先，这是一个包含以下代码的母版页:

<head runat="server">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>
<link rel="stylesheet" href="Styles/Coaching.css" type="text/css" />
  <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"/>

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"/>

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="http://localhost:2848/js/jquery.tablednd.js" type="js/javascript">
</script>

 <script type="text/javascript">
    var strorder;
    $(document).ready(function () {
       $('#grdResultados').tableDnD(
       {
           onDrop: function (table, row) {
               reorder();
               $.ajax({
                   type: "POST",
                   url: "diagnostico-plantilla.aspx/GridViewReorders",
                   data: '{"Reorder":"' + strorder + '"}',
                   contentType: "application/json; charset=utf-8",
                   dataType: "json",
                   async: true,
                   cache: false,
                   success: function (msg) {
                       alert("Successfully Save ReOrder");
                   }

               })
           }
       }
       );
   });
   function reorder() {
       strorder = "";
       var totalid = $('#grdResultados tr td input').length;
       for (var i = 0; i < totalid; i++) {
           strorder = strorder + $('#grdResultados tr td input')[i].getAttribute("value") + "|";
       }
   }
</script>

正如你所看到的，这是一个简单的母版页，然后 aspx 有这一行，我在其中编写了 gridview

 <asp:GridView ID="grdResultados" runat="server" CssClass="table table-hover" AllowPaging="True" 
                            AllowSorting="True" AutoGenerateColumns="False" GridLines="None" DataKeyNames="id" DataSourceID="odsResultados" OnRowDataBound="grdResultados_RowDataBound" OnPageIndexChanged="grdResultados_PageIndexChanged" OnSorting="grdResultados_Sorting" OnRowCommand="grdResultados_RowCommand">

那么，为什么我会出现这个错误，因为当我尝试进行拖放操作时，它不起作用，而且我使用了 Chrome 检查器并且出现了这个错误。

非常感谢

最佳答案

替换这一行:

<script src="http://localhost:2848/js/jquery.tablednd.js" type="js/javascript">

这样:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/plugins/jquery.tablednd.js"></script>

如果这解决了问题，您就知道您没有正确引用 tablednd.js 文件。添加对本地 .js 文件的引用的最简单方法是从 Visual Studio 中拖动 if -解决方案资源管理器页面。

关于javascript - 未捕获的 TypeError : $(. ..).tableDnD 不是函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38430366/

28

4

0

文章推荐： javascript - Mongodb:将字段添加到嵌入文档中(无数组)

文章推荐： javascript - 在 REST 调用中访问数组

文章推荐： javascript - 如何重复循环遍历div

jquery - 我想禁用 Jquery tablednd
嗨，我使用了 jquery tablednd。我编写了一个将 tablednd 初始化为表的函数但我想知道是否有任何禁用 tablednd 的选项...?? 最佳答案我能够通过调用以下函数禁用 t
javascript - jQuery tablednd 将两行移动到一起
我准备了一个jsfiddle环境，只是为了向你展示我的问题。我想使用 tablednd jquery 插件或者替代/解决方法将两行移动在一起(红色行)。对此有什么想法吗？我知道我可以在 tr/td
javascript - TableDnD onDrop 事件未触发
我敢肯定这很简单，通常是这样。 $('#sort-table').tableDnD({ onDragClass: "dnd_drag", onDragStart: function(t
javascript - 未捕获的 TypeError : $(. ..).tableDnD 不是函数
实际上，我正在尝试用 C# 开发一个拖放 gridview，我寻找了一些像 tableDnD 这样的 jquery 库，并按照一些示例我看到了一段代码。我正在尝试用我的代码回复它，但我有一个 Unca
php - DragHandle 在 TableDnD JQuery 插件中不起作用
我正在使用 tablednd 插件拖放我的表行，一切对我来说都很好，但是当我尝试使用 DragHandle 属性时，行既不可拖动，处理程序也不会出现我的脚本是这样的 $(docum
javascript - tableDnD - 只为中的一个启用拖放
我正在使用 Denis 出色的 tableDnD jquery 插件。我想允许用户拖/放行，但前提是他们的鼠标位于行内的特定 td 内。到目前为止，我已经尝试了两种方法:(请注意，var“tr”包含
jquery - 在 jQuery 数据表上设置一个 id 以供 TableDnD 插件使用
我有一个表，我正在从服务器端 PHP 脚本将数据加载到其中，该脚本将表作为 JSON 返回以供 jQuery dataTables 渲染。然后，我使用 jQuery tableDnD 插件来允许对表进
javascript - 当禁用 tableDnD 时，它会留下残留的 css，我无法清除 css
tableDnD (表拖放)是一个 jQuery 插件，我正在使用它来重新排序我的 html 表中的行。这是一个非常酷的库，但事实上您可以单击、拖放行——禁用通过单击选择该行的能力——它认为您可能正在

首页

博学

6Ren·AI

商城

javascript - 未捕获的 TypeError : $(. ..).tableDnD 不是函数