问题描述
我尝试将2个自定义小部件(垂直滑块和圆形滑块)添加到ThingsBoard的同一仪表板上。但是,将两个圆形控件都添加到同一仪表板上时,只能显示圆形滑块。
垂直滑块显示错误:Widget Error: TypeError: $x(…) is not a function.
窗口小部件的创建如下:
垂直滑块
外部JavaScript资源:
- https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js
- https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js
- https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.4/css/jquery-ui.min.css
JavaScript代码:
var $x=jQuery.noConflict();
console.log(jQuery.fn.jquery);
$x("#vertSlider").slider();
圆形滑块
外部JavaScript资源:
- https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js
- https://cdnjs.cloudflare.com/ajax/libs/roundSlider/1.6.1/roundslider.min.js
- https://cdnjs.cloudflare.com/ajax/libs/roundSlider/1.6.1/roundslider.min.css
JavaScript代码:
var $y=jQuery.noConflict();
console.log(jQuery.fn.jquery);
$y("#slider").roundSlider();
Console.log仅显示1.11.3。
是否有解决此问题的解决方案,以便两个小部件都可以在同一仪表板上工作?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)