0

電子書籍のテンプレートを作成しようとしています。これは私が現在持っているものです: 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();

});

});
4

1 に答える 1

1

HTML を見ると、コードに追加e.preventDefault()するだけで済みます。$('a').on('click',...)

http://jsfiddle.net/juQCz/

$(".direction a").on("click", function(e) {
    e.preventDefault();
    $($(this).data('page')).show().siblings(".page").hide();
});
于 2012-07-27T16:16:13.443 に答える