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);
});

Answer 2

将您的核心放入文档就绪部分或运行您的函数

$(document).ready(function(){
     //put your code here
   });

谢谢！