网站建设套餐 网站建设作品 网站模板

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

2013年12月10日 22:12:16

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

 

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

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

打开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://m.0531soso.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的地方加入重置语句如图所示:

 

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

 

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

<div class="ceshi">m.0531soso.com</div>


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

 

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

 

运行网页,弹出对话框,图示

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

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

 

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

 

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

 

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

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

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

济南网站制作phpcmsV9二级下拉分类调用

济南网站建设,phpcmsV9联动菜单的实现方法

 

服务宗旨:客户至上、服务保证、信用保证、售后保证、价格保证。

在济南找济南网站建设公司就选择我们,我们用服务保证你选择的没有错误。

公司地址:山东省济南市东关大街中泰大厦

Copyright©2020-2030  www.0531soso.com

济南网站设计我们值得信赖.