1

我正在使用 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>

jQuery

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

演示在这里： http ://builtbywill.com/code/booklet/demos/pageselect

现在我想更改页面选择器的默认行为。我们在悬停时获得了页面选项。我想将其更改为单击功能。当我单击页面选择器时，它应该显示菜单。当我再次单击它时，它应该隐藏页面选择器..谢谢。

4

2 回答 2

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);
    }
});
于 2013-10-07T06:18:11.603 回答
0

尝试这个：

//二传手

$(".selector").booklet( "option", "hovers", false );
于 2013-10-07T05:43:39.857 回答