问JS - TableDragger不是一个函数
EN

Stack Overflow用户

提问于 2019-12-15 19:10:21

回答 1查看 522关注 0票数 0

我正在尝试将表格拖拽程序导入到我的前端，但我得到了错误消息，即tableDragger不是一个函数。我尝试按照本教程进行操作，并按如下方式初始化表拖拽程序

<script src="../node_modules/table-dragger/dist/table-dragger.min.js"></script>
<script type="text/javascript">
  var el = document.getElementById("table");
  var dragger = tableDragger(el, {
    dragHandler: ".handle"
  });
</script>

这样，就会出现错误消息。有没有人有同样的问题或者对如何解决这个问题有想法？

javascript

回答 1

Stack Overflow用户

发布于 2019-12-15 20:26:34

浏览完表格拖拽插件后，我发现tableDragger是一个对象而不是一个函数。您不能直接获取它的实例，而是有一个属性"default“，它实际创建实例。

如果您使用的是node，那么可能是"table-dragger.min.js“路径不正确。路径应为"node_modules/table-dragger/dist/table-dragger.js“

请找到下面的代码作为参考。

var el = document.getElementById('table');
var dragger = tableDragger.default(el, {
	 dragHandler: ".handle"
})
dragger.on('drop',function(from, to){
  console.log(from);
  console.log(to);
});

<script src="https://cdn.jsdelivr.net/npm/table-dragger@1.0.3/dist/table-dragger.js"></script>
<body>
	<table id="table">
	  <thead>
	  <tr>
		<th class='handle'>header1<i class="handle"></i></th>
		<th class='handle'>header2</th>
	  </tr>
	  </thead>
	  <tbody>
	  <tr>
		<td>conten1</td>
		<td>conten2</td>
	  </tr>
	  <tr>
		<td>conten3</td>
		<td>conten4</td>
	  </tr>
	  </tbody>
	</table>
</body>

Good Day :)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59343288

复制

相似问题

问JS - TableDragger不是一个函数
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS - TableDragger不是一个函数EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JS - TableDragger不是一个函数
EN