如何運行這個jQuery

我有以下在asp.net如何運行這個jQuery

<html> 
    <head runat="server"> 
<title>Turn page</title> 

<script src="Scripts/jquery.min.1.7.js"></script> 
<script src="Scripts/turn.min.js"></script> 
<script type="text/javascript"> 
    $("#flipbook").turn({ 
     width: 400, 
     height: 300, 
     autoCenter: true 
    }); 
</script> 
</head> 

    <body> 
    <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> 

     </body> 
    </html>

代碼我應該得到這個預期的效果JS Fiddle

，但我無法運行code.What我缺少什麼？？

謝謝

來源

2015-02-10 Rohit

你應該添加您的scriot在DOM準備處理 – 2015-02-10 09:20:19

將腳本包裝在document.ready中，如下所示。 document.ready將確保所有DOM結構現在都準備就緒，您可以將腳本應用到它。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#flipbook").turn({ 
     width: 400, 
     height: 300, 
     autoCenter: true 
    }); 
    }); 
</script>

來源

2015-02-10 09:21:54

感謝那些曾般的魅力.. – Rohit 2015-02-10 09:24:26

竭誠爲您服務:) – 2015-02-10 09:26:24

在文檔「準備就緒」之前，不能安全地操作頁面。 jQuery爲您檢測到這種狀態。包含在$(document).ready()中的代碼僅在頁面文檔對象模型（DOM）準備好要執行的JavaScript代碼時運行。

包含在$(window).load(function() { ... })中的代碼將在整個頁面（圖像或iframe）（而不僅僅是DOM）準備就緒後運行。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#flipbook").turn({ 
      width: 400, 
      height: 300, 
      autoCenter: true 
     }); 
    }); 
</script>

來源

2015-02-10 09:21:42 gentlejo

如何運行這個jQuery

回答

相關問題