2012-08-15 12 views
5

Ich versuche, Booklet jquery-Plugin für mein Projekt zu verwenden, aber die manuelle und Tastatur-Steuerelemente funktionieren nicht. Es scheint aufgrund dieses Fehlers zu sein.Uncaught TypeError: Objekt [Objekt Objekt] hat keine Methode 'ziehbare'. (Booklet jquery plugin)

Booklet plugin homepage

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

Der Fehler bei dieser speziellen Zeile auftritt:

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

Mein 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

Welche OS und Browser zu bekommen? Scheint gut auf Safari/Mac OS X – hsalama

+0

FF und Chrome. Es funktioniert gut auf der Website des Plugins, aber wenn ich den genauen Code kopieren und auf meiner Projektseite implementieren, tritt der Fehler auf. – TheKraven

+0

Haben Sie den Abschnitt * Installation * gelesen? – Andreas

Antwort

21

Ich denke, ziehbar von JQuery UI kommt, so werden Sie wahrscheinlich muss es einschließen auch.

+1

Beachten Sie, dass die ziehbare Funktion möglicherweise fehlt, wenn Sie nicht über die vollständige Bibliothek verfügen. Denken Sie daran, das Kontrollkästchen vor "Draggable" beim Herunterladen der Bibliothek zu markieren http://jqueryui.com/download/ –

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

      });  

setzten die "Tastatur: true" inside Broschüre() Funktion, um die Optionen

Verwandte Themen