离子框架 - Angular:在我的html代码中包含库是行不通的

时间:2017-05-30 08:32:14

标签: javascript jquery angularjs ionic-framework

我正在使用Ionic和Angular开发一个hybride应用程序,我尝试将jquery UI用于拖动服务,但它对我不起作用我尝试了一些简单的例子,看看它是否有效但它没有&#39 ;吨。这是我的代码



<ion-view view-title="{{vm.title}}" class="exlhoist-dashboard-view">

  <ion-content
    has-bouncing="true"
    padding="true"
    scroll="true">
    <div id="draggable" class="ui-widget-content">
      <p>Drag me</p>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type='text/javascript'>
      $(function() {
        $( "#draggable" ).draggable();
      });
    </script>
  </ion-content>

</ion-view>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你安装了Jquery包吗?有时无需安装软件包,您可能会收到这些错误。 安装Jquery的步骤 1.首先,安装包

npm install jquery --save
  1. 安装输入文件

    npm install -g typings

    typings install dt~jquery --global --save

  2. 将文件导入项目

  3.   

    导入*作为来自&#39; jquery&#39;

    的$