使用Jquery將懸停更改爲點擊功能

我正在使用Builtby將FlipBook。使用Jquery將懸停更改爲點擊功能

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

現在我想改變頁面選擇的默認行爲。我們正在懸停的頁面選項。我想將其更改爲點擊功能。當我點擊頁面選擇器時，它應該顯示菜單。當我再次點擊它，它應該隱藏頁面選擇..謝謝。

來源

2013-10-07 Billy

嘗試下面的jQuery。

DEMO HERE

$('#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-07 06:18:11

感謝您的及時回覆。但是我希望頁面選擇器（位於書本的頂部，黑色）能夠點擊而不是懸停。 – Billy

我沒有看到任何頁面選擇器（它位於書本的頂部，黑色） –

它位於小冊子的右上角，標題爲「1-2」。請參考：http：//builtbywill.com/code/booklet/demos/pageselect – Billy

試試這個：

//二傳手

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

來源

2013-10-07 05:43:39 Dinesh

嗨，對不起，它不工作。 – Billy

使用Jquery將懸停更改爲點擊功能

回答

相關問題