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 回答