Javascript turn.js在翻页时添加声音

我想使用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>

函数loadApp（）{
//创建动画书
$（“.flipbook”）。转({
宽度：1000，
身高：680，
标高：50，
梯度：对，
自动中心：false，
});
$（“#动画书”）.bind（“翻转”，函数（事件、页面、视图）{
警报（“页面：+页面）；
});
}
耶普诺普({
测试：现代化CSTRANSFORMS，
是：['../res_cod/js/turn.js']，
否：['../res_cod/js/turn.html4.min.js']，
两者：['../res_cod/css/basic.css']，
完成：loadApp
});

---

但问题是，开发人员控制台中什么也没有发生。没有警报，什么也没有。

将核心放在“文档准备就绪”部分或运行您的功能

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

---

谢谢

只是您使用的选择器不正确-请注意

.flipbook

和

#flipbook

试试这个

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

函数loadApp（）{
//$（'#audio'）[0]。播放（）；
//创建动画书
$（“.flipbook”）。转({
//当：{翻转：flip.playclip（）}，
//宽度
宽度：922，
//高度
身高：600，
//仰角
标高：50，
//启用渐变
梯度：对，
//“动画书”自动居中
自动中心：真
});
}
//如果没有CSS转换，请加载HTML4版本
耶普诺普({
测试：现代化CSTRANSFORMS，
是：['../lib/turn.js']，
否：['../../lib/turn.html4.min.js']，
两者：['css/basic.css']，
完成：loadApp
});
var html5_audiotypes={//定义音频文件扩展名列表
“mp3”：“音频/mpeg”，
“ogg”：“音频/ogg”，
“wav”：“音频/wav”，
}
函数createsoundbite（声音）{
var html5audio=document.createElement（'audio'）
if（html5audio.canPlayType）{//检查对html5audio的支持
对于（var i=0；i请尝试此代码，不要忘记下载page-flip.mp3文件。您需要将播放声音代码放入翻页功能中

<audio id="audio" src="page-flip.mp3"></audio>

$('.flipbook').turn({
    width:1000,
    height:680,
    elevation: 50,
    gradients: true,
    autoCenter: false,
    when: {
        turning: function(e, page, view) {  
            var audio = document.getElementById("audio");
            audio.play();
        }
    }
});


$（“.flipbook”）。转({
宽度：1000，
身高：680，
标高：50，
梯度：对，
自动中心：false，
当：{
翻转：功能（e、页面、视图）{
var audio=document.getElementById（“音频”）；
音频播放（）；
}
}
});
也许在构建DOM之前，您的“loadApp”功能正在运行。感谢您的洞察力，但问题在于在线文档中“#动画书”被引用为id，而在我的项目中它被引用为“.flipbook”，一个类。我的错。
<audio id="audio" src="page-flip.mp3"></audio>

$('.flipbook').turn({
    width:1000,
    height:680,
    elevation: 50,
    gradients: true,
    autoCenter: false,
    when: {
        turning: function(e, page, view) {  
            var audio = document.getElementById("audio");
            audio.play();
        }
    }
});