Fatal编程技术网

Jquery plugins Jquery页面幻灯片不工作

jquery-plugins

Jquery plugins Jquery页面幻灯片不工作,jquery-plugins,Jquery Plugins,这看起来并不是一个复杂的插件，但我不能让它工作-它让我发疯。任何帮助都将不胜感激。我肯定我错过了一些周一的细节 以下是网址： 单击“恢复”按钮应向右滑动页面 <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="lib/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="

这看起来并不是一个复杂的插件，但我不能让它工作-它让我发疯。任何帮助都将不胜感激。我肯定我错过了一些周一的细节

以下是网址：

单击“恢复”按钮应向右滑动页面

<!DOCTYPE HTML>
<html>
<head>
 <script type="text/javascript" src="lib/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.pageslide.js"></script>

<script type ="text/javascript">  <!---  I've tried both of these below and some others -->

$("a#resume_btn").pageslide({ direction: "right", modal: true });

$("#resume_btn").pageslide(); 

</script>
</head>
<body>
<a href="#modal" id="resume_btn"></a>


    <div id="modal" style="display:none">

 <p>This slide uses "modal" option set to "true". When using a modal pageslide, clicking on     the main window will not close the window. You must explicitly call <code>$.pageslide.close()</code>.</p>
        <p><a href="javascript:$.pageslide.close()">Close</a></p>

</div>
</body
css

试着把

<script type="text/javascript" src="js/jquery.pageslide.js"></script>
标签前

</body>
试着把

<script type="text/javascript" src="js/jquery.pageslide.js"></script>
标签前

</body>
试试这个

 <script type ="text/javascript">  
   $(function(){
    $("a#resume_btn").pageslide({ direction: "right", modal: true });
    $("#resume_btn").pageslide(); 
  });
 </script>
试试这个

 <script type ="text/javascript">  
   $(function(){
    $("a#resume_btn").pageslide({ direction: "right", modal: true });
    $("#resume_btn").pageslide(); 
  });
 </script>
有人知道为什么库文件必须放在body标签中才能工作吗？我已经通读了源代码，但不太清楚。谢谢这个给我修好了。根据文档，这应该放在最理想的位置，靠近页面底部。有人知道为什么库文件必须放在body标签中才能工作吗？我已经通读了源代码，但不太清楚。谢谢这个给我修好了。根据文档，这应该放在最理想的位置，靠近页面底部。