Наведите указатель мыши на ember

Question

Я новичок в Ember. Я хочу, когда я наведите указатель мыши на файл .png, чтобы он был прозрачным и существовал там в правом углу кнопки «X», и когда вы нажмете его, он будет удален из магазина. Любые идеи или любой пример? У меня есть эти файлы:

showactivecamp.hbs

<style type="text/css"> 


    .image { 
     width: 190px; 
     height: 190px; 
     opacity: 1; 

    } 

    .image:hover { 
     opacity: 0.3; 
    } 

    i.fa-remove { 
    @extend . image : hover; 
     color: #fff; 
     background-color: #808080; 
     background-color: rgba(0, 0, 0, 0.5); 
     position: absolute; 
     top: 8px; 
     right: 8px; 
     padding: 2px; 
     z-index: 1; 
     cursor: pointer; 
    } 


</style> 

<div class="thmb-prev"> 

        <button type="button" class="fa fa-remove" {{action "removeCampaign" on="click"}}> 


        </button> 
        <img src="/assets/images/photos/media2.png" class="image" alt=""> 

       </div> 

контроллеры \ showactivecamp.js

import Ember from 'ember'; 

export default Ember.ObjectController.extend({ 
    needs: ['campaign'], 

    actions: { 
     removeCampaign: function (campaign) { 

      var camp = this.get('model'); 
      camp.deleteRecord(); 
      camp.save(); 

     } 
    }, 

    getactivecamp: function() { 
     return this.store.findAll('campaign'); 
    }.property() 

}); 

Views \ showactivecamp.js импорта Пост из 'уголька';

export default Ember.View.extend({ 

    click: function (evt) { 
     this.get('controller').send('click', this.get('campaign')); 
    } 

}); 

Answer 1

Я считаю, что то, как это было бы лучше всего обращаться с раствором CSS, а не создавать ненужные взгляды в Javascript

http://emberjs.jsbin.com/jecew/1

Answer 2

Вы отправили свой код, но не упомянули о проблеме. Я не уверен, в чем проблема, которую вы получаете.

Посмотрите на этот jsbin http://jsbin.com/xumomu/1. Я использовал FixtureAdapter.

UPDATE:

http://jsbin.com/xumomu/2/

Я завернуты изображение и закрыть значок в представлении под названием 'образ'. Значок X будет отображаться при вводе мыши и будет скрыт при отмене мыши с помощью jQuery.

As Ember guide says, Use View when you need sophisticated handling of user events. 

Предлагаю вам ознакомиться с документацией, чтобы получить четкое представление о просмотре и обработке событий в ember.