5

プロジェクトにBookletjqueryプラグインを使用しようとしていますが、手動およびキーボードのコントロールが機能していません。このエラーが原因のようです。

小冊子プラグインのホームページ

プラグインのjsファイルへの直接リンク。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>
4

2 に答える 2

21

ドラッグ可能はJQueryUIから来ていると思うので、おそらくそれも含める必要があります。

于 2012-08-15T07:25:53.363 に答える
0 
 $(function() {
                $('#mybook').booklet( {keyboard: true} ); 

            });

オプションを取得するには、booklet（）関数内に「keyboard：true」を配置します

于 2012-08-24T17:14:27.143 に答える