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

Question

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

<p 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>
                </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");
});

Answer 1

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

---

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

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

Answer 2

coobtn 是 bootstrap 中的类吧，那么你的选择器很有可能绑定了多个Dom元素。

建议你先自定义一个类或者ID，改一下选择器。