私は珍しい設定をしています。まず、フレーム付きのページがあります。ドキュメントが完全に読み込まれないフレームのコンテンツにアクセスする
<html>
<head>
<title>My Chat</title>
</head>
<frameset id="resize" rows="*,135">
<frame name="Main" src="/chat/stream.pl">
<frame name="Comm" src="/chat/realm.pl">
</frameset>
</html>
メインフレームには、サーバーから継続的にストリーミングされているコンテンツがあります。問題は、ブラウザがこれを、ページがロードされずにタイムアウトが発生しないように処理することです。ページには、このようなコンテンツがあります。
<table class="PSTPRI" cellspacing="3" cellpadding="2">
<tr>
<td>
<IMG SRC="http://mysite.com/myimage.jpg" HEIGHT="470" WIDTH="550" ALIGN="left" BORDER="0">
<!-HEAD--> lots of text for the post header <!-POST-->
<p><span style="font-size: 11px; color: #FFFFFF; font-family: Verdana;">the post text<BR></span></p>
</td>
</tr>
<!-- ...more content here, each post is a new TR -->
</table>
このコンテンツの画像にライブイベントをバインドできるようにします。注意点 - 私はフレームセットを含むページに割り当てているクロム拡張としてこれを作成しています。スクリプトは機能し、イベントを画像に添付するだけでよい。今のところ、添付するサンプルイベントがあります。
$('table.PSTPRI td img').live('click', function() {
alert('test');
});
問題はしかし、1)私が正しいコンテキストでイメージを選択する方法がわからないということです、そして2)私は、ドキュメントがこれまでにロードされていないことを前提に動作するようにセレクタを必要としますたとえオブジェクトが画面に表示されていても。
+1誰downvotedしている理由はありませんので。 –