网站建设中phpcms点击数jquery发生冲突不显示解决办法

在成都网站建设中，phpcms V9 是我们经常用的开源CMS系统，而JQUERY也是最常使用的JS封装类，当然在实际的网站建设中，往往还会用到其他的一些JS来完成各式各样的网站效果，而在phpcms V9的内容页中，有一个文章点击数量的值，这个值是通过JS动态获取的，而这个值必须要引入Jquery才能获取到hits的值。如果在同一个网页中，同时引入其他JS的时候，往往就会出现点击数量无法显示的情况。

网站建设中phpcms点击数jquery发生冲突不显示解决办法" src="/upload/pic18/201310290002451308.jpg" />

一、详细分析网站点击数是如何获取到的

打开phpcms中的内容页模模板，可以看到，以下代码：

<div class="laiyuan">
<span>发布时间：{$inputtime}&nbsp;&nbsp;&nbsp;来源：成都腾飞网络&nbsp;&nbsp;&nbsp; 点击：</span><span id="hits"></span>
</div>
<script language="JavaScript" src="{APP_PATH}api.php?op=count&id={$id}&modelid={$modelid}"></script>

通过以上代码可以清楚的看到，网站点击数，是由<span id="hits"></span>这句话得到的，紧跟着下面有一段javascript的语句，通过查看源代码，可以看到这段代码待程序解析之后是这样的。

<script language="JavaScript" src="http://www.cdcxhl.com/api.php?op=count&id=2&modelid=14"></script>

然后打开这个连接，显示：

$('#todaydowns').html('2');$('#weekdowns').html('2');$('#monthdowns').html('13');$('#hits').html('13');

情况一目了然，网站点击数是通过使用$('#hits').html('13')，为ID为hits的html属性赋值，来显示点击数的。

二、网站点击数不显示，肯定是ID为hits的标签没有获取到值，重置jquery

既然能够看到获取点击数的JS的数值是正确的，那么肯定就是hits这个值，获取不到，才导致现在点击数无法显示，在前面的一篇文章中《成都网站建设中多个jquery发生冲突，以及jquery和其他JS冲突的解决方法》已经详细的说到多个jquery发生冲突的解决办法了，这里依然使用这个方法。

在引用jquery的地方加入重置语句如图所示：

然后测试一下jquery是否被重置成功，在模板中的任意位置添加如下代码：

<div class="ceshi">www.cdcxhl.com</div>

<script type="text/javascript">
alert(j('.ceshi').text());
</script>

运行网页，看是否能够弹出对话框，如下图所示：

三、修改网站点击数的API文件，完成最终效果

打开phpcms根目录下的，api----count.php文件，修改第16、17、18行，把每行的$符号修改为j符号，在找到最后一行，把$符号修改为j符号，如下图所示：

至此phpcms网站内容页由于jquery发生冲突造成网站点击数无法显示的问题，就解决了，刷新前台看一下，网站点击数显示正常。通过这个例子我们学会了在成都网站制作的过程中，遇到一些问题的时候应该如何去找出原因，并怎么去测试问题是否可以正确处理，然后一步一步把遇到的问题解决掉，只有不断的去修改问题，才能在工作中不断的成长。

您可能还对以下文章感兴趣：

phpcms v9升级后台无法上传缩略图的原因分析

成都网站制作phpcmsV9文件上传大小限制修改完整版

成都网站制作phpcmsV9二级下拉分类调用

成都网站建设，phpcmsV9联动菜单的实现方法

文章题目：网站建设中phpcms点击数jquery发生冲突不显示解决办法
标题路径：https://www.cdcxhl.com/news2/191602.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联