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)
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>
Welche OS und Browser zu bekommen? Scheint gut auf Safari/Mac OS X – hsalama
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
Haben Sie den Abschnitt * Installation * gelesen? – Andreas