網(wǎng)站建設(shè)中phpcms點(diǎn)擊數(shù)jquery發(fā)生沖突不顯示解決辦法

2022-08-20    分類(lèi): 網(wǎng)站建設(shè)

成都網(wǎng)站建設(shè)中,phpcms V9 是我們經(jīng)常用的開(kāi)源CMS系統(tǒng),而JQUERY也是最常使用的JS封裝類(lèi),當(dāng)然在實(shí)際的網(wǎng)站建設(shè)中,往往還會(huì)用到其他的一些JS來(lái)完成各式各樣的網(wǎng)站效果,而在phpcms V9的內(nèi)容頁(yè)中,有一個(gè)文章點(diǎn)擊數(shù)量的值,這個(gè)值是通過(guò)JS動(dòng)態(tài)獲取的,而這個(gè)值必須要引入Jquery才能獲取到hits的值。如果在同一個(gè)網(wǎng)頁(yè)中,同時(shí)引入其他JS的時(shí)候,往往就會(huì)出現(xiàn)點(diǎn)擊數(shù)量無(wú)法顯示的情況。

<a href=網(wǎng)站建設(shè)中phpcms點(diǎn)擊數(shù)jquery發(fā)生沖突不顯示解決辦法" src="/upload/pic18/201310290002451308.jpg" />

一、詳細(xì)分析網(wǎng)站點(diǎn)擊數(shù)是如何獲取到的

打開(kāi)phpcms中的內(nèi)容頁(yè)模模板,可以看到,以下代碼:

<div class="laiyuan">
<span>發(fā)布時(shí)間:{$inputtime}&nbsp;&nbsp;&nbsp;來(lái)源:成都騰飛網(wǎng)絡(luò)&nbsp;&nbsp;&nbsp; 點(diǎn)擊:</span><span id="hits"></span>
</div>
<script language="JavaScript" src="{APP_PATH}api.php?op=count&id={$id}&modelid={$modelid}"></script>

詳細(xì)分析網(wǎng)站點(diǎn)擊數(shù)是如何獲取到的

通過(guò)以上代碼可以清楚的看到,網(wǎng)站點(diǎn)擊數(shù),是由<span id="hits"></span>這句話(huà)得到的,緊跟著下面有一段javascript的語(yǔ)句,通過(guò)查看源代碼,可以看到這段代碼待程序解析之后是這樣的。

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

然后打開(kāi)這個(gè)連接,顯示:

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

情況一目了然,網(wǎng)站點(diǎn)擊數(shù)是通過(guò)使用$('#hits').html('13'),為ID為hits的html屬性賦值,來(lái)顯示點(diǎn)擊數(shù)的。

二、網(wǎng)站點(diǎn)擊數(shù)不顯示,肯定是ID為hits的標(biāo)簽沒(méi)有獲取到值,重置jquery

既然能夠看到獲取點(diǎn)擊數(shù)的JS的數(shù)值是正確的,那么肯定就是hits這個(gè)值,獲取不到,才導(dǎo)致現(xiàn)在點(diǎn)擊數(shù)無(wú)法顯示,在前面的一篇文章中《成都網(wǎng)站建設(shè)中多個(gè)jquery發(fā)生沖突,以及jquery和其他JS沖突的解決方法》已經(jīng)詳細(xì)的說(shuō)到多個(gè)jquery發(fā)生沖突的解決辦法了,這里依然使用這個(gè)方法。

在引用jquery的地方加入重置語(yǔ)句如圖所示:

網(wǎng)站點(diǎn)擊數(shù)不顯示,肯定是ID為hits的標(biāo)簽沒(méi)有獲取到值,重置jquery

然后測(cè)試一下jquery是否被重置成功,在模板中的任意位置添加如下代碼:

<div class="ceshi">www.muchs.cn</div>

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

運(yùn)行網(wǎng)頁(yè),看是否能夠彈出對(duì)話(huà)框,如下圖所示:

運(yùn)行網(wǎng)頁(yè),彈出對(duì)話(huà)框,圖示

三、修改網(wǎng)站點(diǎn)擊數(shù)的API文件,完成最終效果

打開(kāi)phpcms根目錄下的,api----count.php文件,修改第16、17、18行,把每行的$符號(hào)修改為j符號(hào),在找到最后一行,把$符號(hào)修改為j符號(hào),如下圖所示:

修改網(wǎng)站點(diǎn)擊數(shù)的API文件,完成最終效果

至此phpcms網(wǎng)站內(nèi)容頁(yè)由于jquery發(fā)生沖突造成網(wǎng)站點(diǎn)擊數(shù)無(wú)法顯示的問(wèn)題,就解決了,刷新前臺(tái)看一下,網(wǎng)站點(diǎn)擊數(shù)顯示正常。通過(guò)這個(gè)例子我們學(xué)會(huì)了在成都網(wǎng)站制作的過(guò)程中,遇到一些問(wèn)題的時(shí)候應(yīng)該如何去找出原因,并怎么去測(cè)試問(wèn)題是否可以正確處理,然后一步一步把遇到的問(wèn)題解決掉,只有不斷的去修改問(wèn)題,才能在工作中不斷的成長(zhǎng)。

您可能還對(duì)以下文章感興趣:

phpcms v9升級(jí)后臺(tái)無(wú)法上傳縮略圖的原因分析

成都網(wǎng)站制作phpcmsV9文件上傳大小限制修改完整版

成都網(wǎng)站制作phpcmsV9二級(jí)下拉分類(lèi)調(diào)用

成都網(wǎng)站建設(shè),phpcmsV9聯(lián)動(dòng)菜單的實(shí)現(xiàn)方法

文章題目:網(wǎng)站建設(shè)中phpcms點(diǎn)擊數(shù)jquery發(fā)生沖突不顯示解決辦法
標(biāo)題路徑:http://www.muchs.cn/news2/191602.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

微信小程序開(kāi)發(fā)