javascript - Jquery を使用して Hover to Click 機能を変更する

Question

私はBuiltby will FlipBookを使用しています。

HTML

<div id="mybook">
    <div title="This is a page title"> 
        <h3>Yay, Page 1!</h3>
    </div>
    <div> 
        <h3>Yay, Page 2!</h3>
    </div>
    <div title="This is another title"> 
        <h3>Yay, Page 3!</h3>
    </div>
    <div> 
        <h3>Yay, Page 4!</h3>
    </div>
    <div title="Hooray for titles!"> 
        <h3>Yay, Page 5!</h3>
    </div>
    <div> 
        <h3>Yay, Page 6!</h3>
    </div>
</div>

Jクエリ

$(function() {
    $('#mybook').booklet({
        menu: '#custom-menu',
        pageSelector: true
    });
});

デモはこちら: http://builtbywill.com/code/booklet/demos/pageselect

ここで、ページ セレクターのデフォルトの動作を変更したいと考えています。ホバー時にページ オプションを取得しています。クリック機能に変更したい。ページセレクターをクリックすると、メニューが表示されます。もう一度クリックすると、ページ セレクターが非表示になります。ありがとうございます。

Answer 1

以下のjqueryを試してみてください。

デモはこちら

$('#mybook').booklet({
    menu: '#custom-menu',
    pageSelector: true,
    manual:   false,
    hovers:   false,
    overlays: true
});

booklet.js ファイルで、行番号を変更します。577 //以下にホバー効果を追加

// add click effects
pageSelector.on('click.booklet', function () {
    if (pageSelectorList.stop().height() == pageSelectorHeight)
    {
         pageSelectorList.stop().animate({height: 0, paddingBottom: 0}, 500);
    }
    else
    {  
         pageSelectorList.stop().animate({height: pageSelectorHeight, paddingBottom: 10}, 500);
    }
});

Answer 2

これを試して：

//セッター

$(".selector").booklet( "option", "hovers", false );