2016-09-12 29 views
1

我有一个使用turn.js的Ionic v1项目,但现在我使用了Ionic v2。 我有导入使用jQuery的turn.js的问题。如何在离子2中使用turn.js?

angular.module('albumController', []) 

.directive('flipbook', function() { 
return { 
    restrict: 'E', 
    replace: true, 
    compile: function (element, attrs) { 
     element.turn({ 
      width: '300px', 
      height: '300px', 
      pages: 8 
     }).turn('peel', 'br'); 

     element.addClass('flipbook'); 
     return function (scope, el) { 
      el.on('click', '[data-page]', function (e) { 
       el.turn('page', $(e.target).data('page')); 
      }); 
     }; 
    }, 
    templateUrl: "flipbook.html" 
} 
}); 

谢谢!

+0

您有什么问题。更好的解释会帮助人们找到答案。 – Fencer04

+0

@ Fencer04我不能在$('#flipbook')中使用方法“turn”。turn('next'); vs代码表示属性'转向'在typeof jQuery中不存在 –

回答

0

我不知道你是否已经有了答案。对我来说,我做到以下几点:。

  1. 中安装jQuery的离子(检查here
  2. npm install --save turn.js

  3. import $ from "jquery"; import "turn.js";

只是你可以使用$()转();

希望对您有所帮助:D