У меня необычная настройка. Во-первых, у меня есть страница с фреймами
<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) мне нужен селектор, чтобы работать в предположении, что документ никогда не загружается, даже если объекты отображаются на экране.