내 프로젝트에 소책자 jquery 플러그인을 사용하려하지만 수동 및 키보드 컨트롤이 작동하지 않습니다. 이 오류로 인한 것 같습니다. 잡히지 않은 TypeError : Object [object Object]에 'draggable'메서드가 없습니다. (Booklet jquery plugin)
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>
어떤 OS와 브라우저를 얻기 위해 소책자() 함수 내부 : – hsalama
FF 및 Chrome에서 문제가없는 것 같습니다. 플러그인의 사이트에서 제대로 작동하지만 정확한 코드를 복사하여 프로젝트 페이지에 구현하면 오류가 발생합니다. – TheKraven
* 설치 * 섹션을 읽었습니까? – Andreas