0

委任でイベントを操作できません。要素内のボタンが押されたときに特定の関数を起動しようとしています。ただし、提供されている構文 ( 'tap:delegate(button)': function(){});) を使用すると、応答がありません。以下はコードの例です。助けていただければ幸いです。

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');
}
} 
});
4

1 に答える 1

0

あなたのコードは私のために働いています。何かが順不同でロードされている可能性があります。WebComponentsReadyイベント ハンドラーでコードをラップしてみることができます。

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

<body>これを避けるために、私は通常、スクリプトタグを の一番下に置きます。

<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', ...);
于 2016-04-18T21:36:12.267 に答える