2016-04-14 15 views
0

Olaylarla çalışmak için temsilci alamıyorum. Öğenin içindeki bir düğmeye basıldığında belirli bir işlevin yanmasına çalışıyorum. Ancak, verilen sözdizimini kullandığımda ('tap:delegate(button)': function(){});) yanıt alamıyorum. Aşağıda bazı örnek kod, Bazı yardımlar takdir edilecektir.Olay temsilci X-etiketinde çalışmıyor

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

cevap

0

Sizin kodunuz benim için çalışıyor. Bir şey siparişten çıkarılıyor olabilir. Bir WebComponentsReady olay işleyicisi ile kodunuzu sarma deneyebilirsiniz: Bunu genelde önlemek için <body> altındaki komut dosyası etiketleri koymak

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> 

Yoksa WebPack gibi bir şey kullanıyorsanız

// components/my-tag.js 

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

module.exports = xtag.register('my-tag', ...);