電子書籍のテンプレートを作成しようとしています。これは私が現在持っているものです: http://jsbin.com/otakab/2/edit しかし、次/前は機能しません。作業コードを提供できますか?
// Following function works
$(function() {
$(".pageNumbers a").on("click", function(e) {
// Add highlight to the element clicked and remove highlighting from its siblings
$(this).addClass("highlight").siblings().removeClass("highlight");
// Make use of our data attribute to show the correct page and hide the siblings
$($(this).data('page')).show().siblings(".page").hide();
});
// Finally, dynamically click first page to start things off for the user
//and provide proper highlighting and showing of text
$("#a-1").click();
});
// Following function DOES NOT WORK
$(function() {
$(".direction a").on("click", function(e) {
// Trying to show the next/previous hidden div
$($(this).data('page')).show().siblings(".page").hide();
});
});