Aurelia翻转图像显示/隐藏

你可以根据悬停在href上的用户更改图像的.js(aurelia)中的显示/隐藏吗？我想我需要在Bind()或Activate()中添加一些东西.

就像是:

activate(){
    $( "a" ).hover(
        ///find non rollover image and hide
        ///find rollover image and show
    );
    //else
    ///find non rollover image and show
    ///find rollover image and hide
}

我实际上不知道从哪里开始: - /,任何帮助都会很棒:-)

Mikhail Shil.. 7

将图像的源和mouseover和mouseout事件绑定到ViewModel:

在视图模型中创建一个属性并在事件处理程序中更改它:

imageUrl = URL1;

domouseover() {
  this.imageUrl = URL2;
}

domouseout() {
  this.imageUrl = URL1;
}

我不确定你是否可以直接绑定到图像的鼠标悬停状态.

总的来说:我认为将jQuery代码与aurelia混合是一个坏主意.尝试为您的问题寻找一种惯用的aurelia方式.

将图像的源和mouseover和mouseout事件绑定到ViewModel:

在视图模型中创建一个属性并在事件处理程序中更改它:

imageUrl = URL1;

domouseover() {
  this.imageUrl = URL2;
}

domouseout() {
  this.imageUrl = URL1;
}

我不确定你是否可以直接绑定到图像的鼠标悬停状态.

总的来说:我认为将jQuery代码与aurelia混合是一个坏主意.尝试为您的问题寻找一种惯用的aurelia方式.