IE8和jQuery - 不改变toggleClass（）上的背景图像

Question

这只是IE8中的一个问题。

$( "#pause" ).bind( "click", function(e) {
    if ( playState == "play" )
    {
        //do other stuff here
        $( "#pause" ).toggleClass( "btn-play btn-pause" );
    }
    else
    {
        //do other stuff here
        $( "#pause" ).toggleClass( "btn-play btn-pause" );
    }
});

a.btn-pause, a.btn-pause:visited {
    position:relative;
    display:block;
    float: right;
    width: 104px;
    height: 34px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/btn-pause.png);
    width: 104px;
    margin-right:10px;
}
a.btn-play,a.btn-play:visited {
    position:relative;
    float: right;
    width: 104px;
    height: 34px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/btn-play.png);
    margin-right:10px;
}

我已经确认使用开发人员工具按类预期切换类（.btn-play和.btn-pause正在追加并从相关标签中删除）。但是，背景图像没有更新！再次 - 这只是IE8中的一个问题。

我尝试过使用removeClass（）和addClass（），这没什么区别。尝试了一些其他解决方案，例如添加e.stopPropagation（），将其置于超时等等。没有任何效果。