javascript - turn.js 翻页时添加声音

Question

我想在翻页时添加声音效果，使用 turn.js jquery 插件。因此，第一步是根据在线文档测试执行此操作的功能。所以代码应该是这样的:

    <script type="text/javascript">
    function loadApp() {

    // Create the flipbook

    $('.flipbook').turn({
            width:1000,
            height:680,
            elevation: 50,
            gradients: true,
            autoCenter: false,
    });
    $("#flipbook").bind("turned", function(event, page, view) { 
        alert("Page: "+page);
    });
    }

    yepnope({
    test : Modernizr.csstransforms,
    yep: ['../res_cod/js/turn.js'],
    nope: ['../res_cod/js/turn.html4.min.js'],
    both: ['../res_cod/css/basic.css'],
    complete: loadApp
   });
</script>

但问题是开发人员控制台中没有任何反应。没有警报，什么都没有。

Answer 1

只是您使用的选择器不正确 - 请注意 .flipbook 和 #flipbook 之间的区别

试试这个

$(".flipbook").bind("turned", function(event, page, view) { 
    console.log("Page: "+page);
});