首先我在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
答案 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生成的任何错误的来源。看来你在服务器端做了一些无效的事情。