elem.colResizable 不是函数
Posted
技术标签:
【中文标题】elem.colResizable 不是函数【英文标题】：elem.colResizable is not a function 【发布时间】：2020-06-16 01:10:24 【问题描述】：我正在尝试在 angularjs 中重新调整表格列的大小我正在使用以下指令
myApp.directive('colResizeable', function()
return
restrict: 'A',
link: function(scope, elem)
setTimeout(function()
elem.colResizable(
liveDrag: true,
gripInnerhtml: "<div class='grip'></div>",
draggingClass: "dragging",
onDrag: function()
//trigger a resize event, so width dependent stuff will be updated
$(window).trigger('resize');
);
);
;
)
并在表格中使用它
<table id="tblbody" col-resizeable >
但我在控制台中遇到这样的错误
<head>
<script src="src/scripts/lib/less/colResizeable.js"></script>
</head>
我也在 head 标签中添加了可调整大小的插件
【问题讨论】：
【参考方案1】：一定要在 AngularJS 框架之前加载 jQuery 库。
来自文档：
如果 jQuery 可用，
angular.element是 jQuery 函数的别名。如果 jQuery 不可用，angular.element将委托给 AngularJS 的内置 jQuery 子集，称为“jQuery lite”或 jqLite。要使用 jQuery，只需确保它在
angular.js文件之前加载。——AngularJS
angular.elementAPI Reference
【讨论】：
以上是关于elem.colResizable 不是函数的主要内容，如果未能解决你的问题，请参考以下文章
Stripe Firebase 云函数 - res.send() 不是函数
TypeError：res.json 不是函数（无法获取数据）