1

私は Ember を使用しており、x-handlebars スクリプト セグメント内でいくつかの JavaScript コードを実行しようとしています (a の中に a を入れることはできませんか?)。これが私のコードです:

<script type="text/x-handlebars" data-template-name="home">

 <div id="slideshowfrontpage">

  <script type="text/javascript">

   $.vegas( 'slideshow' , {valign:'center',
   backgrounds: homeImgURLs
   })('overlay', {
   src:'css/images/overlays/01.png'
   }); 

  </script>

 </div>

</script>

どうすればこのようなことができますか？ありがとうございました！

4

1 に答える 1

4

要素が DOM に追加されるたびに JavaScript を起動したい場合は、そのコードをdidInsertElement メソッドに追加する必要があります。

Em.View.create({
    templateName: 'home',

    didInsertElement: function(){
        this.$().vegas( 'slideshow' , {valign:'center',
            backgrounds: homeImgURLs
        })('overlay', {
            src:'css/images/overlays/01.png'
        }); 
    }
});

this.$() は実際にそのビューの DOM 要素を取得します (これは本当に素晴らしいことです)。ビューがアタッチされるたびに、これが 1 回起動されます。DOM から削除されるときのマッチング メソッドがあります。

于 2012-08-09T21:00:41.580 に答える