2012-05-03 56 views
0

我有一个页面,我正在学习原型js和Event.observe。我的问题是,如果我点击任何地方文件这个作品:Event.observe仅适用于文档而不适用于特定的ID?

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

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

但我想,所以我这样做是为了让几个Event.observe功能不同的ID:

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

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

现在foo是只是一个行,看起来像这样:

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

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

但是当我点击该行不PROC警告框。我尝试了太多东西,现在正在寻求帮助。任何想法为什么特定元素不会产生警报?

回答

0

要么你可以试试这个

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

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

参考:http://api.prototypejs.org/dom/Event/observe/

看到它在行动

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

+0

现有的根据你链接到,'Event.observe( “富” 的文档工作, “咔嚓”,respondToClick )'也应该可以工作。问题可能来自其他方面。 –

+0

有些东西一定是错的,因为没有任何作品...我读了文档,并在我的页面上做了一个确切的例子,但它不会工作。但如果我打电话给文件,它工作正常...... – Paxwell

+0

在我的情况下,它正在工作。请参阅http://plugins.amiwithyou.com/sof/event.htm – Hoque

0

取决于执行顺序。

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

将只有

<tr id="foo">... 

已经在HTML DOM

相关问题