0

私のhtmlのほとんどは、Jqueryリクエストを介して提供されるデータです。次のように「メイン」divに挿入することにより、ページに書き込まれます。

$("#main").html(passedData);
}

ページはうまく機能しますが、div に書き込まれたデータに JavaScript を追加しようとすると問題が発生します。

つまり、div に挿入されたテーブルがあり、他のセルがクリックされたときに特定のセルを非表示にするスクリプトを作成しようとしています。http://jsfiddle.net/を使用して、すべての JS が正しいことを確認しましたが、何らかの理由で、JS 関数が div 内のデータを認識せず、操作しないようです。

足りないものはありますか？このようなページにデータを書き込む場合、JavaScript でそのデータを参照するために特定のことを行う必要がありますか?

4

2 に答える 2

1

次のように、これらの「将来の」要素にイベント ハンドラーをアタッチする必要があります。

$("#main").on("click", ".myelement", function(){
        // Do something
});

詳細はこちらをご覧ください。また、実際のコードを投稿すると、はるかに簡単になります。

于 2012-08-17T13:56:06.017 に答える
0

実際のコードなしでトラブルシューティングを行うのは困難ですが、問題は、jQuery コードが実行されたときに、AJAX を介して取り込まれた要素が存在しなかったことにあるとほぼ確信しています。そのため、イベントは関連付けられません。

jQuery の .on() イベント ハンドラの使用を検討する必要があります。DOM 対応が開始されたときに存在する親要素にアタッチすると、動的に取り込まれた内部の要素を操作できます。

于 2012-08-17T13:50:13.210 に答える