我先寫的靜態(tài)頁面 js效果正常,然后套到cms里面,js效果就不正常,點擊出現(xiàn)些莫名的屬性,有人說是jq跟cms沖突 還高版本jq 但是我換了最新的 jq 還是不行,求大腿 蟹蟹~
<p class="left-menu">
<ul>
<li class="level1">
<a class="coobtn" href="###">合作優(yōu)勢
<font class="f-active">></font>
</a>
<ul class="level2" style="display: block;">
<li>
<a href="#" style="color: #BA2636;">產(chǎn)品獨具競爭優(yōu)勢</a>
<a href="#">不受廠家資源限制</a>
<a href="#">高粘度商務圈</a>
<a href="#">質(zhì)量保障</a>
<a href="#">二次銷售</a>
<a href="#">低門檻定制服務</a>
<a href="#">技術支持</a>
<a href="#">售后保障</a>
</li>
</ul>
</li>
<li class="level1">
<a class="coobtn" href="###">經(jīng)典合作
<font>></font>
</a>
<ul class="level2">
<li>
<a href="#">書商</a>
<a href="#">繪本館</a>
<a href="#">培訓中心</a>
<a href="#">群主、微商</a>
<a href="#">論壇</a>
<a href="##">實體店</a>
</li>
</ul>
</li>
<li class="level1">
<a href="###">合作方式 ></a>
</li>
</ul>
</p>
$(".coobtn").click(function() {
$(this).next().stop(true).slideToggle().parent().siblings().children("ul").stop(true).slideUp();
$(this).children().toggleClass("f-active").parent().parent().siblings().children("a").children().removeClass("f-active");
});
小伙看你根骨奇佳,潛力無限,來學PHP伐。
我來回答一下,昨天看到問題不明白具體有什么問題,讓題主你貼了代碼,回復沒選擇我,我也就沒收到回復,可是這都不打緊,因為今天又刷到你了。
從代碼上來看,看不出一點 CMS 的痕跡,靜態(tài)頁面寫好了,效果正確就不要去懷疑自己的 JS 或者 jQuery 版本等原因?qū)е碌腻e誤(前提是你一定要保證你的靜態(tài)真的沒問題)。接下來可能錯誤問題的地方就是公用部分拆分的時候結(jié)構(gòu)有沒有完整,檢查CMS 輸出的頁面代碼。如果不一致可能問題就是變量識別,舉例來說,jQuery 的$
與 其它語言或者模板 中的$
解析識別錯誤。
僅僅給了一個查找問題的思路,如果還是不能解決問題可以繼續(xù)追問或者私我。
coobtn 是 bootstrap 中的類吧,那么你的選擇器很有可能綁定了多個Dom元素。
建議你先自定義一個類或者ID,改一下選擇器。