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>

我尝试了所有的组合。只保留身份证或仅保持上课。不行。仅适用于a。有解决方案吗

Answer 1

如果您正在使用样式模板，其中一些会删除id和类。

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

方案：

使用库中的id / class generate。

要么

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

Answer 2

检查一下。适用于class和id。

在此示例中使用id：https://jsfiddle.net/9gydyb2o/

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

错误应该在其他地方。你检查过控制台日志了吗？

Answer 3

请尝试这个，如果你已经动态添加锚或div到DOM，它可以正常工作。

$(document).ready(function() {
  $(document).on('click',"#gachlkx",function() {
    $('#gachwrap').toggle('slow');
  });
});