Question

首先我在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

Answer 1

请记住，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内。

Answer 2

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

http://jsfiddle.net/Zu3Ae/

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

2 个答案: