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： https://jsfiddle.net/9gydyb2o/

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

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

Answer 2

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

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

解决方案：

使用库中的id / class generate。

或者

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

Answer 3

请尝试此操作，如果您已将锚或div动态添加到DOM，则可以正常工作。

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

jQuery单击并切换不使用类或ID

3 个答案: