Question

我确定之前已经讨论过这个话题，但是这里有。我的尝试是隐藏div并将其替换为对应的..同样，我需要在一个项目中添加一个类，同时从另一个类中删除一个类。这非常简单。谢谢

 <script type="text/javascript">
     $(document).ready(function() {
      $('.form_sub').hide();
      });
       </script>
      <script type="text/javascript">
    $('a.theader_t').click(function(){
      $('.form_header').show();
      $('.form_sub').hide();
      $('.theader').addClass('active');
      $('sub_theader').removeClass('active');
    });
    </script>
     <script type="text/javascript">
    $('.sub_theader_t').click(function){
     $('.form_header').hide();
      $('.form_sub').show();
       $('.theader').removeClass('active');
      $('sub_theader').addClass('active');
     });
    </script>

我不是在问这个问题。第一个功能起作用，最后两个功能根本不起作用。我希望a.theader_t在添加活动类时显示.form_header，但如果适用则从sub_theader_t获取活动。再次感谢！

Answer 1

其他两个功能都没有进入

$(document).ready(function() { });

并且第三个函数有错误

$('.sub_theader_t').click(function){ to 

$('.sub_theader_t').click(function(){

Answer 2

你好像在这里结束剧本......

<script type="text/javascript">
     $(document).ready(function() {
        $('.form_sub').hide();
      });
 </script>

事件不在 Document.Ready 下。进行此修改并且它应该正常工作。还要确保在使用.on（）

< script type = "text/javascript" > $(document).ready(function() {
    $('.form_sub').hide();

    $('a.theader_t').on('click',function() {
        $('.form_header').show();
        $('.form_sub').hide();
        $('.theader').addClass('active');
        $('.sub_theader').removeClass('active');
    });

    $('.sub_theader_t').on('click' ,function) {
        $('.form_header').hide();
        $('.form_sub').show();
        $('.theader').removeClass('active');
        $('.sub_theader').addClass('active');
    });
< /script>

显示div隐藏另一个

2 个答案: