2016-04-14 9 views
0

イベントを扱うための委任を取得できません。私は要素内のボタンが押されたときに特定の機能を起動しようとしています。しかし、私が提供する構文('tap:delegate(button)': function(){});)を使用すると応答はありません。以下はいくつかのコード例ですが、いくつかの助けに感謝します。Xタグでイベント委任が機能しません

HTML: 
<my-tag></my-tag> 

Js: 
xtag.register('my-tag', { 
content: '<span>Some Text</span><button>my button</button>', 
events: { 
'tap:delegate(button)': function(){ 
    console.log('the button was pushed'); 
} 
} 
}); 

答えて

0

あなたのコードは私のために働いています。何かが順不同で読み込まれている可能性があります。あなたはWebComponentsReadyイベントハンドラでコードをラップ試みることができる:私は通常これを避けるために<body>の下部にあるスクリプトタグをつけ

window.addEventListener('WebComponentsReady', function() { 
    xtag.register('my-tag', ...); 
}); 

<body> 
    <my-tag></my-tag> 

    <script src="lib/x-tag-core.js"></script> 
    <script src="components/my-tag.js"></script><!-- xtag.register('my-tag', ...) --> 
</body> 

それとも、WebPACKのようなものを使用している場合

// components/my-tag.js 

var xtag = require('~lib/x-tag-core.js'); 

module.exports = xtag.register('my-tag', ...); 
関連する問題