Question

我设法在我的Ember CLI应用程序中显示基础警报框（http://foundation.zurb.com/docs/components/alert_boxes.html）。但是，当我点击关闭图标（X）时，它实际上并没有关闭....

有什么想法吗？

我是通过组件来做到这一点的。我的代码如下：

应用/组件/闪存message.js

import Ember from 'ember';

export default Ember.Component.extend({
  classNames:        ['alert-box'],
  classNameBindings: ['alertType'],

  attributeBindings: ['dataAlert:data-alert'],
  dataAlert: '',

  alertType: Ember.computed('type', function(){
    return this.get('type');
    // return 'alert-' + this.get('type');
  })
});

应用/模板/组件/闪存message.hbs

{{message}}
<a href="#" class="close">&times;</a>

应用/模板/ application.hbs

{{flash-message type='success' message='lorem ipsum'}}

该元素与http://foundation.zurb.com/docs/components/alert_boxes.html

处的Zurb Foundation演示完全相同

<div id="ember717" class="ember-view alert-box success" data-alert="">
  lorem ipsum
  <a class="close" href="#">×</a>
</div>

我相信Twitter Bootstrap会发生同样的后果......

Answer 1

你有没有创立基金会？

<script type="text/javascript">
    $(document).foundation();
</script>

警报对话框关闭按钮不起作用

1 个答案: