如何使用 evently 将事件处理程序附加到 CouchApp 中的小胡子渲染?

Posted

技术标签:

【中文标题】如何使用 evently 将事件处理程序附加到 CouchApp 中的小胡子渲染?【英文标题】:How do I attach an event handler to mustache rendering in CouchApp using evently? 【发布时间】:2011-04-16 17:10:13 【问题描述】:

使用 evently / mustache 编写 CouchApp 应用程序。我有几个“小部件”,一个有一个触发事件的链接,另一个设置为收听它。到现在为止还挺好。监听小部件有一个 data.js 文件,它返回一个关联数组;和 mustache.html,它使用 data.js 返回的值来填充模板。

我的 data.js 类似于

function( data )  
    return   
      name : 'people'  
      

而 mustache.html 是

<span id="fadeMe">Hello name</span>
<a href="#test">Click</a>

一切都很好。我知道如何通过创建 click.js 文件并将其放入 selectors/a[href=#test]/click.js

来为链接的单击事件添加处理程序

但我还想在#fadeMe 跨度渲染后立即对其进行动画处理。是否有“小胡子渲染”事件? (看起来不像从随 CouchApp 分发的文件来看)。我如何实现这一目标?

提前致谢。

【问题讨论】:

【参考方案1】:

您可以在after.js 中添加一个javascript 函数。这将在 mustache 和选择器之后调用。您可以验证它in the sources。

更新:请注意,Evently 不再随 python couchapp 工具一起提供。

【讨论】:

是的,我在发布问题后不久就找到了答案,但没有足够的“声誉”来发布它。感谢您的回答。

以上是关于如何使用 evently 将事件处理程序附加到 CouchApp 中的小胡子渲染?的主要内容,如果未能解决你的问题,请参考以下文章

将事件处理程序附加到在IFrame中呈现的HTML

jQuery + DevTools:如何快速获取附加到元素的事件处理程序

如何在单独的文件中实现事件处理程序并使用依赖注入附加它?

如何检查是不是有任何 JavaScript 事件侦听器/处理程序附加到元素/文档? [复制]

event.preventDefault 如何在无法停止的事件处理程序上工作?

什么是回调?