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

2022-08-20    分类: 网站建设

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

<a href=网站建设中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的地方加入重置语句如图所示:

网站点击数不显示,肯定是ID为hits的标签没有获取到值,重置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符号,如下图所示:

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

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

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

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

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

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

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

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

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

广告

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

微信小程序开发