2012-08-15 55 views
5

Tôi đang cố gắng sử dụng Plugin jquery Booklet cho dự án của mình, nhưng các điều khiển bằng tay và bàn phím không hoạt động. Dường như là do lỗi này.Loại vô íchLỗi: Đối tượng [đối tượng đối tượng] không có phương thức 'có thể kéo'. (Booklet jquery plugin)

Booklet plugin homepage

Direct link to the js file of the plugin. Error occurs at line 1194.

Lỗi này xảy ra tại dòng này cụ thể:

// manual page turning, check if jQuery UI is loaded 
    target.find('.b-page').draggable('destroy').removeClass('b-grab b-grabbing'); 
    if(options.manual && $.ui) { 

html của tôi:

<!doctype html> 

<html> 
<head> 
    <meta charset="UTF-8"/> 
      <title> asfds </title> 
<link rel="stylesheet" type="text/css" media="screen" href="fgerg.css" /> 
<link href="scripts/jquery.booklet.1.4.0.css" type="text/css" rel="stylesheet" media="screen" /> 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

<script src="scripts/jquery.easing.1.3.js" type="text/javascript"></script> 
     <script src="scripts/jquery.booklet.1.4.0.js" type="text/javascript"></script> 


<script type="text/javascript"> 
       $(document).ready(function() { 

       $(function() { 
        $('#mybook').booklet(); 
        keyboard: true 
       });  
       }); 
      </script> 

</head> 

<body> 

    <div id="mybook"> 
     <div> 
      <h3>Yay, Page 1!</h3> 
     </div> 
     <div> 
      <img src="scripts/testmenu1.png" width="100%" height="100%" /> 
     </div> 
     <div> 
      <h3>Yay, Page 3!</h3> 
     </div> 
     <div> 
      <h3>Yay, Page 4!</h3> 
     </div> 
     <div> 
      <h3>Yay, Page 5!</h3> 
     </div> 
     <div> 
      <h3>Yay, Page 6!</h3> 
     </div> 
</body>  
    </div> 

    </html> 
+0

OS gì và trình duyệt? Có vẻ ổn trên Safari/Mac OS X – hsalama

+0

FF và Chrome. Nó hoạt động tốt trên trang web của plugin, nhưng khi tôi sao chép mã chính xác và triển khai nó trong trang dự án của tôi, lỗi xảy ra. – TheKraven

+0

Bạn đã đọc phần * Cài đặt * chưa? – Andreas

Trả lời

21

Tôi nghĩ rằng có thể kéo đến từ JQuery UI, vì vậy bạn có thể sẽ cần phải bao gồm nó cũng.

+1

lưu ý rằng nếu bạn không có thư viện đầy đủ, tính năng kéo có thể bị thiếu. Hãy nhớ đánh dấu vào hộp kiểm ở phía trước "Kéo được" khi tải xuống thư viện http://jqueryui.com/download/ –

0
$(function() { 
       $('#mybook').booklet({keyboard: true}); 

      });  

đặt "bàn phím: true" bên trong tập sách function() để có được những lựa chọn

Các vấn đề liên quan