脚本在flickerplate脚本下面不起作用

Question

我希望这里有人熟悉flickerplate。它是您网站的滑块插件。

滑块工作得很好，但不知何故，每当我在脚本下面添加一个新脚本来加载闪烁板及其设置时，它们都不起作用。 除非我把它们一直放在我文件的底部，标签下方。

通过将我的所有脚本放在flickerplate脚本之上，这个问题很容易解决。但我仍然渴望知道造成这种情况的原因。

所以这种方式不起作用：

<script>
<!--Execute flickerplate-->
$(document).ready(function(){
    $('.flicker-example').flickerplate({
        auto_flick : true,
        auto_flick_delay : 8,
        block_text : true,
        dot_alignment : 'center',
        dot_navigation : true,
        flick_animation : 'transition-slide',
        flick_position : 1,
        theme : 'light'
    });
});
</script>       
<script type="text/javascript">
    $(document).ready(function(){
        $("#LeftSide").hover(function(){
            $("#LeftImage1").attr("src", "images/Jesse Joey James Logo2.png");
        },function(){
            $("#LeftImage1").attr("src", "images/Jesse Joey James Logo.png");
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#RightSide").hover(function(){
            $("#RightImage1").attr("src", "images/Triple-J Productions Logo2.png");
        },function(){
            $("#RightImage1").attr("src", "images/Triple-J Productions Logo.png");
        });
    });
</script>