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)
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>
OS gì và trình duyệt? Có vẻ ổn trên Safari/Mac OS X – hsalama
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
Bạn đã đọc phần * Cài đặt * chưa? – Andreas