Javascript 在JS函数之后悬停不起作用

制作一个有4个答案的问答游戏。 在第一个问题中，在选择更正一个选项后，将鼠标悬停（背景色）在上一个答案选项（在下一个问题中）上不起作用，而将鼠标悬停在其他3个选项上效果良好。如果下一个问题成功，则再次悬停，不处理上一个选择的选项。有什么问题吗？？？

此处为HTML：

<div id="answer-box container">

<div class="row">
  <div id="answer-one" class="answer col-md-4" data-bind="click: function() { answerQuestion(0, $element.id) }">
    <span class="big-text">A. </span><span data-bind="text: getAnswerText(0)" class="anshover"></span>
    </div>
<div id="answer-two" class="answer col-md-4" data-bind="click: function() { answerQuestion(1, $element.id) }">
    <span class="big-text">B. </span><span data-bind="text: getAnswerText(1)"></span>
</div>
</div>

<div class="row">
<div id="answer-three" class="answer col-md-4" data-bind="click: function() { answerQuestion(2, $element.id) }">
    <span class="big-text">C. </span><span data-bind="text: getAnswerText(2)"></span>
</div>
<div id="answer-four" class="answer col-md-4" data-bind="click: function() { answerQuestion(3, $element.id) }">
    <span class="big-text">D. </span><span data-bind="text: getAnswerText(3)"></span>
</div>
</div>

</div>

JS在此：

self.rightAnswer = function(elm) {
    $("#" + elm).slideUp('slow', function() {
        startSound('rightsound', false);
        $("#" + elm).css('background', 'green').slideDown('slow', function() {
            self.money($(".active").data('amt'));
            if(self.level() + 1 > 15) {
                $("#game").fadeOut('slow', function() {
                    $("#game-over").html('You Win!');
                    $("#game-over").fadeIn('slow');
                });
            } else {
                self.level(self.level() + 1);
                $("#" + elm).css('background', 'none');
                $("#answer-one").show();
                $("#answer-two").show();
                $("#answer-three").show();
                $("#answer-four").show();
                self.transitioning = false;
            }
        });
    });
}

---

我添加了HTML代码…现在你能告诉我问题出在哪里吗？？？/如果你直接在元素上设置背景样式，那么它的优先级很可能高于CSS

：hover

背景样式。您可以添加

！重要信息

在CSS中添加到悬停背景（

背景：#FF7E00！重要信息；

），或向元素添加类（设置背景颜色），而不是使用jQuery的

.CSS（）设置样式。但他们的应用程序又有一个小问题，应用jquery（hover）属性但不能正确放置背景图像。你能帮我找出代码是：$（“#”+elm）.hover（function（）{/$（this.css（“background”），“#FF7E00”）；//}，function（）{/$（this.css（“background”，“url（'../img/2.png'）no repeat 0；”；//}）；读这个-
self.rightAnswer = function(elm) {
    $("#" + elm).slideUp('slow', function() {
        startSound('rightsound', false);
        $("#" + elm).css('background', 'green').slideDown('slow', function() {
            self.money($(".active").data('amt'));
            if(self.level() + 1 > 15) {
                $("#game").fadeOut('slow', function() {
                    $("#game-over").html('You Win!');
                    $("#game-over").fadeIn('slow');
                });
            } else {
                self.level(self.level() + 1);
                $("#" + elm).css('background', 'none');
                $("#answer-one").show();
                $("#answer-two").show();
                $("#answer-three").show();
                $("#answer-four").show();
                self.transitioning = false;
            }
        });
    });
}