如何运行这个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

回答

相关问题