Event.observe работает только с документами, а не с конкретными идентификаторами?

Question

У меня есть страница, где я изучаю прототип js и имею время с Event.observe. Моя проблема в том, что это работает, если я нажимаю в любом месте документа:

Event.observe(document, 'click', respondToClick); 

function respondToClick() { 
    alert("Test..."); 
} 

Но я хочу сделать несколько функций Event.observe для различных идентификаторов, так что я сделал это:

Event.observe('foo', 'click', respondToClick); 

function respondToClick() { 
    alert("Test..."); 
} 

Теперь Foo это просто строка, которая выглядит примерно так:

<tr id="foo"> 
       <th>Row Title</th> 

       <th>Open/Close</th> 
      </tr> 

Но когда я нажимаю на строку, она не обрабатывает окно предупреждения. Я пробовал слишком много вещей и теперь прошу о помощи. Любые идеи, почему конкретные элементы не генерируют предупреждение?

Answer 1

Либо вы можете попробовать это

Event.observe($('foo'), 'click', respondToClick); 

или

$("foo").observe('click', respondToClick); 

Ссылка: http://api.prototypejs.org/dom/Event/observe/

в действии

http://plugins.amiwithyou.com/sof/event.htm

Answer 2

зависит от исполнения заказа.

Event.observe('foo', 'click', respondToClick); 

будет работать только тогда, когда

<tr id="foo">... 

уже существует в HTML DOM