javascript - jQuery 单击和切换不适用于类或 ID

Question

伙计们，我正在尝试在单击链接时进行 jQuery 切换。基本上，在单击链接时显示/隐藏 div。当我放入类或 ID 时它不起作用，但当我直接将 a 放入其中时它起作用。

这是一个同时具有 ID 和类的链接。

<a id="gachlkx" class="gachlk btn btn-warning btnApply">@T("gaperfreport-apply")</a>

还有一个div，里面有一个图表

<div id="gachwrap" class="chartsContainer">
   Contains Graph
</div>

不使用 ID -

<script>
   $(document).ready(function () {                                            
     $("#gachlkx").click(function () {
       $('#gachwrap').toggle('slow');
     });
   });
</script>

不上课 -

<script>
   $(document).ready(function () {                                            
     $(".gachlk").click(function () {
       $('#gachwrap').toggle('slow');
     });
   });
</script>

仅适用于 a

<script>
   $(document).ready(function () {                                            
     $("a").click(function () {
       $('#gachwrap').toggle('slow');
     });
   });
</script>

我尝试了所有的组合。只保留 ID 或只保留类。不起作用。仅适用于 a。任何解决方案？

Answer 1

如果您使用的是样式模板，其中一些会删除 ID 和类。

在页面加载时通过检查 dom 进行验证。

解决方案:

使用您的图书馆生成的 ID/类。

或者

您可以尝试在页面加载后使用 jquery 包含您自己的 id/class。