选择的jquery插件在wamp中不起作用

时间:2012-02-18 07:19:32

标签: jquery wamp

首先我在php文件上运行此代码,然后使用WampServer在localhost上运行它。分页不起作用所以我试图将其转换为html文件(“sample.html”)。这里的代码如下。

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/easypaginate.js"></script>
<script type="text/javascript">

jQuery(function($){

    $('ul#items').easyPaginate({
        step:5
    });

});    

    </script>

    <style>
        #page li {
          display: inline;
          position: relative;
          width: 11em
          margin:10px; 
          padding:10px;
        }
        #page li li{ display: block; height: 1.5em;}

    </style>


<div id = "page">       
<ul id="items">
    <li>Page 1</li>
    <li>Page 2</li>
    <li>Page 3</li>
    <li>Page 4</li>
    <li>Page 5</li>
    <li>Page 6</li>
    <li>Page 7</li>
    <li>Page 8</li>
    <li>Page 9</li>
    <li>Page 10</li>
    <li>Page 11</li>
    <li>Page 12</li>
    <li>Page 13</li>
    <li>Page 14</li>
</ul>
</div>

我在sample.html上传输了这段代码,但案例是。当我在localhost上运行时,jquery无法正常工作。但当我打开 - &gt;谷歌Chrome的sample.html文件jquery工作。我认为问题不在代码中。当我通过localhost运行文件时出现问题,即使它是.html或.php文件。请帮助我T_T


当我通过localhost运行代码时,会生成此输出

Page 1 Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page 8 Page 9 Page 10 Page 11 Page 12 Page 13 Page 14

但是当我直接在浏览器上运行它时打开 - &gt; 浏览器 这是输出

Page 1    Page 2    Page 3    Page 4    Page 5

1    2    3    Next

2 个答案:

答案 0 :(得分:0)

请记住,JavaScript是在客户端运行的,因此提供文件的位置没有区别。这让我相信相关文件正在服务。

你最好的选择,imho,是为你的html添加一个<base> href标签。 e.g。

<base href="//localhost/SouthSapphire2/" />
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/easypaginate.js"></script>

在该示例中,假设您有一个目录js,其中包含您的JavaScrpt文件,并且该js目录位于您的目录SouthSapphire2内。

答案 1 :(得分:0)

检查PHP生成的任何错误的来源。看来你在服务器端做了一些无效的事情。

http://jsfiddle.net/Zu3Ae/