0

ユーザーがこれらのヘッダーのいずれかをクリックすると、セクションが表示/非表示になるように、一部のセクション ヘッダーに .click イベントをバインドしました。

これまでのところは問題ありませんが、何らかの理由で、オフラインになると機能しなくなります。

私はそのような行動を理解していません、誰かが私を啓発できますか？

コードは次のとおりです。

<script src="jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>

    <script>
    $(function(){

    $("#contactInfoHeader").click(function(){
        if($("#contactInformation").is(":visible")){        
            $("#contactInformation").fadeOut();
        }else{  
            $("#contactInformation").fadeIn();
        }   
        resizeWidget();
    });

    });
    </script>

    <h3 id="contactInfoHeader">Contact Information</h3>
    <div id="contactInformation">Telephone:XXXXXX</div>
4

3 に答える 3

2

jQuery 1.4.x では、この形式を使用して、ハンドラーを Ready イベントにアタッチする必要があります。

$(document).ready(function(){
  //add your stuff here
});

または、 $(handler); を保持できます。構文ですが、閉じ括弧が必要です。

<script>
$(function(){

  $("#contactInfoHeader").click(function(){
      if($("#contactInformation").is(":visible")){        
          $("#contactInformation").fadeOut();
      }else{  
          $("#contactInformation").fadeIn();
      }   
      resizeWidget();
  });

});//ADDED ")" here!
</script>
于 2010-07-05T16:47:29.997 に答える
2

親愛なる、あなたは単純な jQuery を使用しており、そのオンライン ファイルを使用しています。そのため、オンラインでは機能しますが、オフラインではボタンが機能しなくなります。それでおしまい。とてもシンプルです。

于 2012-07-17T09:37:07.643 に答える
1

コードに一貫性がないか、間違って動作します。

それもdocument.readyにあるはずです：

$(function() {
/* your code */
});

それ以外の場合、要素は実行時に存在しないため、クリックイベントは何にも添付されません。

于 2010-07-05T16:35:05.843 に答える