在jquery中悬停不起作用

时间:2014-09-17 09:55:55

标签: jquery jquery-hover

我有一个带有2个单选按钮的问题,我想当有人将鼠标悬停在单选按钮上时,问题文本的背景颜色会发生变化并且应该有警报。

以下是我正在使用的代码,但它不起作用,请在错误时提出建议并帮助纠正它。

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#q11_1").hover()(
                    function(){
                    alert("in");
                    $(div).css("background-color",'yellow');
                    },
                    function(){
                    alert("out");
                    }
                );
            });
        </script>
    </head>

    <body>
        <div>Please select the type of link below.</div>
        <br>
        <input type="radio" name="link" id="q11_1">Common<br>
        <input type="radio" name="link" id="q11_2">Individual
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

您有语法错误。像这样更改代码

$('#q11_1').hover(function() {
        alert("in");
        $("div").css("background-color", 'yellow');
    },
    function() {
        alert("out");
    }
);

请注意,您只能将鼠标悬停在广播中(不适用于文字)

Fiddle