0

私は新しい Ractive.js ユーザーです。

2 つのボタンを作成したいのですが、それらをクリックすると、「アラート」というメッセージが表示されます。ここ に私のページの本文があります

<body>



<div class="center" id='container'></div>

 <script id='template' type='text/ractive'>
  <h1><p class="center"> {{logo}} </p></h1>
  <p class="center">{{name}}</p>
  </script>
<script src='http://cdn.ractivejs.org/latest/ractive.min.js'></script>  

</div>

<div class="center" id="footer">
 <p class="center" ><font color ="ffffff">Footer</font></p>
</div>

<div class="button1">

        <button on-click='activate'>Settings</button>

</div>


<div class="button1">

        <button on-click='deactivate'>Reports</button>

</div>

<script>
    var ractive = new Ractive({

      el: 'container',


      template: '#template',


      data: { 
        name: 'spatium',
        logo: '\\|/' }
    });
</script>

<script>

    ractive.on({
  activate: function () {
    alert( 'Activating!' );
  },
  deactivate: function () {
    alert( 'Deactivating!' );
  }
});

</script>



</body>

何も起こりませんでした。2 つのスクリプト間で問題が競合している可能性はありますか?

4

1 に答える 1