Question

一个页面有两个不同的ready(function () 后面一个不起作用怎么解决

同一个页面两个不同的ready(function ()，如下：
第一个：
<script>
$(document).ready(function(){
$('.flicker-example').flicker();
});
</script>

第二个：
<script type="text/javascript">
$(function(){
var myPlayer = videojs('my-video');
videojs("my-video").ready(function(){
var myPlayer = this;
myPlayer.pause();
$("#btn_video").click(function(){
$("#video").fadeIn();
myPlayer.play();
})
$(".video-close").click(function(){
myPlayer.pause();
myPlayer.currentTime(0);
$("#video").fadeOut();
});
});
})
</script>

结果是第二个不起作用，请问该如何解决呢？

谢谢！

Answer 1

这里可能会有以下几种原因，请你挨个排查：
1、js文件的引用路径不正确，特别是使用了命名空间，容易造成路径错误，使用绝对路径看是否成功
2、某一些函数使用错误，举个例子，如果GetByJquery()存在错误，就会导致整个js不会执行，可以把所有函数都注释掉，只看$(document).ready(function(){});是否会执行
3、$选择器所选的内容是否存在
PS：排查很简单，请使用调试工具，如Firebug，查看console面板，就会把错误信息展现出来的，如果有问题可以继续咨询我