2012-08-15 61 views
5

我想为我的项目使用Booklet jquery插件,但手动和键盘控件无法正常工作。这似乎是由于这个错误。Uncaught TypeError:Object [object Object]没有方法'可拖动'。 (小册子jquery插件)

Booklet plugin homepage

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

在这一行出现的错误:

// 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:

<!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

什么操作系统和浏览器?在Safari/Mac OS X – hsalama 2012-08-15 05:44:36

+0

FF和Chrome上似乎很好。它在插件的网站上工作正常,但是当我复制确切的代码并在我的项目页面中实现时,会发生错误。 – TheKraven 2012-08-15 05:52:25

+0

您是否阅读过*安装*部分? – Andreas 2012-08-15 06:10:27

回答

21

我想拖动来自JQuery UI,所以你可能需要包括它以及。

+1

请注意,如果您没有完整的库,可拖动功能可能会丢失。请记得在下载库http://jqueryui.com/download/时勾选“Draggable”前面的复选框 – 2013-11-06 12:39:34

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

      });  

把“键盘:真正的”户口簿()函数中获得的选项

相关问题