Question

我正在关注教程，但我被困在4.事件代理：

以下对我不起作用，它什么都没有发生：

<button on-click='activate'>Activate!</button>
...
ractive.on( 'activate', function ( event ) {
      alert( 'Activating!' );
});

这是一个实例： http://jsbin.com/kupetofawavu/1/

我错过了什么？

Answer 1

将按钮放在模板中，你就会好起来干杯！

Answer 2

您的按钮位于模板之外...将它们移动到模板脚本标记中，它应该可以正常工作。

Answer 3

按钮需要位于模板中。变化

<script id='template' type='text/ractive'>
    <p>Hello, [[name]]!</p>
    <p>[[counter]]</p>   
    <p>[[format(date)]]</p>
</script>
<button id="doit">Count</button>
<button on-click='activate'>Activate!</button>

到

<script id='template' type='text/ractive'>
    <p>Hello, [[name]]!</p>
    <p>[[counter]]</p>   
    <p>[[format(date)]]</p>
    <button id="doit">Count</button>
    <button on-click='activate'>Activate!</button>
</script>

RactiveJS，坚持使用教程4.事件代理

3 个答案: