javascript - js在CMS里面运行不正常

问题描述

问 题

我先写的静态页面 js效果正常，然后套到cms里面，js效果就不正常，点击出现些莫名的属性，有人说是jq跟cms冲突 还高版本jq 但是我换了最新的 jq 还是不行，求大腿 蟹蟹~

<div class="left-menu">

                    <ul>
                        <li class="level1">
                            <a class="coobtn" href="###">合作优势&nbsp;
                                <font class="f-active">></font>
                            </a>
                            <ul class="level2" style="display: block;">
                                <li>
                                    <a href="#" style="color: #BA2636;">产品独具竞争优势</a>
                                    <a href="#">不受厂家资源限制</a>
                                    <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 class="coobtn" href="###">经典合作&nbsp;
                                <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="###">合作方式&nbsp;></a>
                        </li>
                    </ul>
                </div>

---

                
$(".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");
});

解决方案

我来回答一下，昨天看到问题不明白具体有什么问题，让题主你贴了代码，回复没选择我，我也就没收到回复，可是这都不打紧，因为今天又刷到你了。

---

从代码上来看，看不出一点 CMS 的痕迹，静态页面写好了，效果正确就不要去怀疑自己的 JS 或者 jQuery 版本等原因导致的错误(前提是你一定要保证你的静态真的没问题)。接下来可能错误问题的地方就是公用部分拆分的时候结构有没有完整，检查CMS 输出的页面代码。如果不一致可能问题就是变量识别，举例来说，jQuery 的$与 其它语言或者模板 中的$解析识别错误。

仅仅给了一个查找问题的思路，如果还是不能解决问题可以继续追问或者私我。

这篇关于javascript - js在CMS里面运行不正常的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！