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

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

打開phpcms中的內(nèi)容頁模模板，可以看到，以下代碼：

<div class="laiyuan">
<span>發(fā)布時(shí)間：{$inputtime}&nbsp;&nbsp;&nbsp;來源：濟(jì)南騰飛網(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>

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

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

然后打開這個(gè)連接，顯示：

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

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

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

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

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

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

<div class="ceshi">news.jpx001.cn</div>

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

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

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

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

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

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

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

濟(jì)南網(wǎng)站制作phpcmsV9文件上傳大小限制修改完整版

濟(jì)南網(wǎng)站制作phpcmsV9二級(jí)下拉分類調(diào)用

濟(jì)南網(wǎng)站建設(shè)，phpcmsV9聯(lián)動(dòng)菜單的實(shí)現(xiàn)方法