JQuery悬停在分区内的图像上不起作用

时间:2016-01-04 11:34:45

标签: javascript jquery html

图像应该在它悬停时发生变化,但它不起作用。

HTML

private ICommand closeButton;       
public ICommand CloseButton
{
    get
    {
        if (this.closeButton == null)
        {
            this.closeButton = new RelayCommand<object>(this.ExecuteCloseButton);
        }

        return this.closeButton;
    }
}

private void ExecuteCloseButton(object err)
{

}

JQUERY

<div style="position:relative" id="banner-container">
<img src="banner-3308.png" data-pin-nopin="true">
<div id="sqm" style="position:absolute; top: 35px; left: 7px">
    <img id="sqm" src="b-3308-2a.png" alt=""/></a>
</div>
<div style="position:absolute; top: 52px; left: 7px">
    <img id="pmlc" src="b-3308-3.png" alt=""/>
</div>
<div style="position:absolute; top: 70px; left: 7px">
    <img id="wireless" src="b-3308-4.png" alt=""/>
</div>
<div style="position:absolute; top: 92px; left: 7px">
    <img id="dst" src="b-3308-5.png" alt=""/>
</div>
<div style="position:absolute; top: 26px; left: 387px">
    <img id="nb" src="b-3308-2b.png" alt=""/>
</div>

我不知道为什么它不起作用。

1 个答案:

答案 0 :(得分:0)

你的代码中有拼写错误。否则你的代码正在运作。

不是$(document).ready(fucntion()使用$(document).ready(function()。功能法术在这里是错误的。

您的第一张图片无效,因为您没有悬停效果。

Working Fiddle