在EmberJS应用程序中，似乎Foundation的下拉菜单插件会干扰/阻止您在下拉菜单中呈现的内容内使用“操作”。
例如，这应该可以正常工作，但是从不调用'componentAction'操作。知道是什么原因造成的吗？
<!-- application.hbs -->
{{my-dropdown}}
<!-- my-component.hbs -->
<a data-dropdown="drop2" aria-controls="drop2" aria-expanded="false">Has Content Dropdown</a>
<div id="drop2" data-dropdown-content class="f-dropdown content" aria-hidden="true" tabindex="-1">
<p {{action "componentAction"}}>Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!</p>
</div>
// my-component.js
import Ember from 'ember';
import layout from './template';
export default Ember.Component.extend({
layout,
didInsertElement() {
this._super(...arguments);
Ember.run.scheduleOnce('afterRender', this, function() {
this.$().foundation('dropdown', 'reflow');
});
},
action: {
componentAction() {
console.log('component action fired');
}
}
});
这里的问题是我需要将“文档”传递给jQuery选择器。
Ember.run.scheduleOnce('afterRender', this, function() {
this.$(document).foundation('dropdown', 'reflow');
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句