0

このトピックは以前にブローチされたと確信していますが、ここに行きます。私の試みは、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>

質問をしていないことをお詫びします。最初の機能は機能しますが、最後の 2 つはまったく機能しません。クラスをアクティブに追加しているときに a.theader_t に .form_header を表示させたいのですが、それが適用される場合は sub_theader_t からアクティブにします。再度、感謝します！

4

2 に答える 2

2

他の 2 つの関数は、

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

3番目の関数にエラーがあります

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

$('.sub_theader_t').click(function(){
于 2012-09-14T17:56:41.087 に答える
0

ここでスクリプトを終了しているようです...

<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>​​​​​
于 2012-09-14T17:59:21.773 に答える