Javascript |頁面翻轉在本地系統上不起作用

我正在翻頁翻頁項目，我在本地下載了turn.min.js，但頁面在本地機器中沒有翻轉。Javascript |頁面翻轉在本地系統上不起作用

我已經把Windows負載和記錄準備功能，仍然無法正常工作

它可以完美運行於http://jsfiddle.net/GRMule/A9a7E/5215/#&togetherjs=ryESxehywM

但在我的本地沒有工作...

HTML

<div id="flipbook"> 
    <div class="hard"> Turn.js </div> 
    <div class="hard"></div> 
    <div> Page 1 </div> 
    <div> Page 2 </div> 
    <div> Page 3 </div> 
    <div> Page 4 </div> 
    <div class="hard"></div> 
    <div class="hard"></div> 
</div>

Javascript：

$("#flipbook").turn({ 
     width: 400, 
     height: 300, 
     autoCenter: true 
    });

CSS：

body{ 
    overflow:hidden; 
} 

#flipbook{ 
    width:400px; 
    height:300px; 
} 

#flipbook .page{ 
    width:400px; 
    height:300px; 
    background-color:white; 
    line-height:300px; 
    font-size:20px; 
    text-align:center; 
} 

#flipbook .page-wrapper{ 
    -webkit-perspective:2000px; 
    -moz-perspective:2000px; 
    -ms-perspective:2000px; 
    -o-perspective:2000px; 
    perspective:2000px; 
} 

#flipbook .hard{ 
    background:#ccc !important; 
    color:#333; 
    -webkit-box-shadow:inset 0 0 5px #666; 
    -moz-box-shadow:inset 0 0 5px #666; 
    -o-box-shadow:inset 0 0 5px #666; 
    -ms-box-shadow:inset 0 0 5px #666; 
    box-shadow:inset 0 0 5px #666; 
    font-weight:bold; 
} 

#flipbook .odd{ 
    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA)); 
    background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%); 
    background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%); 
    background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%); 
    background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%); 
    background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%); 
    -webkit-box-shadow:inset 0 0 5px #666; 
    -moz-box-shadow:inset 0 0 5px #666; 
    -o-box-shadow:inset 0 0 5px #666; 
    -ms-box-shadow:inset 0 0 5px #666; 
    box-shadow:inset 0 0 5px #666; 

} 

#flipbook .even{ 
    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada)); 
    background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%); 
    background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%); 
    background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%); 
    background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%); 
    background-image:linear-gradient(left, #fff 95%, #dadada 100%); 
    -webkit-box-shadow:inset 0 0 5px #666; 
    -moz-box-shadow:inset 0 0 5px #666; 
    -o-box-shadow:inset 0 0 5px #666; 
    -ms-box-shadow:inset 0 0 5px #666; 
    box-shadow:inset 0 0 5px #666; 
}

來源

2015-06-27 John Franky

你檢查瀏覽器控制檯的任何錯誤的問題？並且可能沒有正確加載任何資源的網絡面板？ – CBroe