Question

我想动态设置按钮的背景图像。（不使用CSS类）。

我尝试通过设置按钮的style.backgroundImage属性来实现此目的，如下所示。 getOnMouseOverImage与onmouseover事件绑定，按钮以this传递。

myapp.ui.Button.prototype.getOnMouseOverImage = function(event) {
    event.target.style.backgroundImage = "url( \'" + myapp.core.ImageStore.getInstance().getImageURL(this.buttonId) + "\')'"
    event.preventDefault();
    event.stopPropagation();
    }

上述代码似乎无法更改按钮的backgroundImage属性。我如何实现这一目标？

Answer 1

在我看来，你有一个额外的'

event.target.style.backgroundImage = "url( \'" + myapp.core.ImageStore.getInstance().getImageURL(this.buttonId) + "\')**'**"

我相信它应该是这样的

 event.target.style.backgroundImage = "url( \'" + myapp.core.ImageStore.getInstance().getImageURL(this.buttonId) + "\')"

不确定这是不是问题，但是由于我不能发表评论，我将把这个作为答案发布。

编辑：事实上，我甚至不确定你是否需要撇号

 event.target.style.backgroundImage = "url(" + myapp.core.ImageStore.getInstance().getImageURL(this.buttonId) + ")"

在鼠标上设置背景图像

1 个答案: