Javascript jQuery Resizeable在Angular JS中不起作用

我创建了一个动态调整大小的div，如图所示，但当我试图将此代码放入AngularJS项目时，它不起作用。注意：我已经添加了jQueryUICSS。我收到的唯一错误消息是，当我调整页面大小时，它会这样说

未捕获类型错误：$（…）。可调整大小不是一个函数

[控制器中的第79行]

控制器

“严格使用”；
角度.module（'oct'）。控制器（'Analysis'，['$scope'，'$log'，'OctSettings'，函数（$scope，$log，OctSettings）{
var tds=document.getElementsByTagName（'td'）；
var inputs=document.getElementsByTagName（'input'）；
var rows=document.getElementsByTagName（'tr'）；
控制台日志（输入）；
$scope.changeView=函数（）{
对于（变量i=0；i1）{
启用检查（“全部”）；
}否则{
对于（变量i=0；i

看法

视图1
视图2
视图3
视图1
视图2
视图3

我能想到的唯一原因是，jquery ui库可能对该文件不可见。您可能要做的第一件事是保持这样一条线：

console.log(Jquery.ui);

并查看ui库是否已加载。如果不是，则需要找到一种方法使其对控制器可见。为此，一种解决方案可能是将库添加到您的

index.html

或您希望jQueryUI处理的特定视图文件中

我能想到的另一个原因是，可能与jquery和jquery ui库不兼容。如果您使用的是最新版本的jQueryUI，那么它应该使用jQuery1.7及更高版本

---

希望这有帮助。

你确定你的jquery ui库文件对此文件可见吗？它们应该可见，你知道我如何检查它们吗？控制台记录此

jquery.ui

以查看它是否已加载，如下所示：是的，我以为我只需要jquery忘记了jquery ui js文件

<section class="analysis" ng-controller="Analysis">
  <table>
    <tr>
      <td id="v1">View 1</td>

      <td id="v2">View 2</td>
    </tr>

    <tr>
      <td colspan="2">View 3</td>
    </tr>
  </table>
  <div id="views-container">
    <label><input type="checkbox" checked="checked" ng-click="changeView()">
    View 1</label>
    <label><input type="checkbox" checked="checked" ng-click="changeView()">
    View 2</label>
    <label><input type="checkbox" checked="checked" ng-click="changeView()">
    View 3</label>
  </div>
</section>

console.log(Jquery.ui);