0

私はチュートリアルに従っていますが、4.イベントプロキシで立ち往生しています:

以下は私にとってはうまくいきません。何も起こらないだけです：

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

これが実際の例です: http://jsbin.com/kupetofawavu/1/

何が欠けていますか？

4

3 に答える 3

1

ボタンをテンプレート内に配置すれば完了です。
乾杯！

于 2014-09-04T19:50:36.533 に答える
1

あなたのボタンはテンプレートの外側にあります...それらをテンプレートスクリプトタグに移動すると、機能するはずです。

于 2014-09-04T19:51:37.890 に答える
1

ボタンはテンプレートにある必要があります。変化する

<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>
于 2014-09-04T19:53:37.400 に答える