1

このページのサイドバーに天気を表示する小さな小さなウィジェットがありますhttp://jbm.utad.pt/testes/equipa.php

ドキュメントの準備が整うとすぐに、AJAX によって都市名が processa-tempo.php に送信され、メイン ページに div が設定されます。

<div id="exibe-tempo"></div>

アコーディオンは、予報を表示し、さまざまな都市を選択するために使用されますが、ここで問題が発生します。コードをここに投稿するには少し長いので、これを作成しました: http://jsfiddle.net/jZjQy/1/

これには、equipa.php 内にある jQuery と、processa-tempo.php が返すマークアップがあります。

新しい都市をクリックすると...想定どおりに動作しません（div「exibe-tempo」を更新してください）

私は本当にこれをデバッグすることをあまり知りません...助けはありますか? それは大歓迎です。

4

2 に答える 2

1

あなたのサイトをチェックしました。これが私が思うことです。それがあなたのために働くかどうか私に知らせてください。

都市をクリックするためのコードは次のように定義されています。

    $("#cidades").click(function(event){
  event.preventDefault ? event.preventDefault() :event.returnValue = false;
      ..... });

ただし、リンクは次のように定義されます。

    <a href="Penafiel" class="cidade">Penafiel</a>

jqueryを次のように変更します。

    $(".cidade").click(function(event){
  event.preventDefault ? event.preventDefault() :event.returnValue = false;
      ..... });

そのため、クリック関数を、タグを囲むULではなく、各タグにバインドします。私はあなたのサイトで上記のコードを試しましたが、動作します。

画像を投稿できないので-> http://i.stack.imgur.com/FeRnb.png

于 2012-05-24T15:48:34.683 に答える
1

あなたのページをもう一度確認したところ、おそらくエラーが見つかりました。都市を含むリンクを動的に追加します。ただし、onclick bind はページ読み込みイベントで発生します。したがって、次のように、このイベントにライブ リスナーを適用する必要があります。

$(document).on('click','.cidade',function(event){
event.preventDefault();
于 2012-05-24T16:02:00.910 に答える