jQuery按钮淡入mouseenter并且mouseleave不起作用

时间:2014-05-18 01:04:45

标签: jquery

为什么这不起作用,这可能是我在页面上安装jquery的方式吗?

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type = 'text/javascript'>

        $(document).ready(function(){
            $('#headerButton').mouseenter(function(){
                $('#headerButton').fadeTo('fast', 1);
            });
            $('#headerButton').mouseleave(function(){
                $('#headerButton').fadeTo('fast', 0.75);
            });
        });
</script>

1 个答案:

答案 0 :(得分:0)

javascript代码是正确的:问题出在jQuery src属性上。

您是尝试从网络服务器运行它还是在浏览器上打开html文件?

如果要打开文件,则两个斜杠将表示:

   src="file://code.jquery.com/jquery-1.11.0.min.js"

因为浏览器使用&#34;文件:&#34;用于打开本地文件的协议。 这可能是错误。

此外,尝试从以下位置删除空格:

   type = 'text/javascript'