У меня необычная установка. Во-первых, у меня есть страница с фреймами
<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>
Я хочу иметь возможность привязать живое событие к изображению в этом контенте. Предостережение: я делаю это как расширение Chrome, которое я назначаю странице, содержащей набор фреймов. Скрипт работает, мне просто нужно иметь возможность прикрепить событие к изображению. а пока вот пример события, которое я хочу прикрепить.
$('table.PSTPRI td img').live('click', function () {
alert('test');
});
Однако проблема заключается в том, что 1) я не знаю, как выбрать изображение в правильном контексте, и 2) мне нужно, чтобы селектор работал, исходя из предположения, что документ никогда не загружается, даже если объекты отображаются на экране.