0

有人看到我的代码有什么问题吗？我就是想不通！！

文件路径是正确的，如果我在悬停 h3 元素时查看控制台，它会按应有的方式输出“悬停”中的文本。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>CSS box</title>
    <link href="style.css" rel="stylesheet" media="screen" />
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/" src="jquery.color.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#box h3').mouseover(function() {
                console.log('hover');
                $('#box h3').stop(true, true).animate({
                    backgroundColor: '#E4A333'
                }, 200);
            });
        });
    </script>
</head>
<body>

<div id="box">
    <h3><a href="#">Lorem ipsum dolor sit amet.</a></h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing consectetur lectus, sed mollis ante dictum id. Nunc magna neque, ornare ac interdum at, pharetra vel leo. Morbi placerat, orci ut sollicitudin dictum, nisi eros feugiat tortor, ac ultricies est leo ac est. Suspendisse justo urna, porttitor eget adipiscing dictum, malesuada nec diam.</p>
</div>

</body>
</html>

假设改变背景颜色。不幸的是，它不起作用:(

此处的实时链接：（已删除）（很可能会在几个小时内删除）

4

3 回答 3

1

您的颜色插件脚本标签格式错误：

<script type="text/" src="jquery.color.js"></script>

应该：

<script type="text/javascript" src="jquery.color.js"></script>

目前好像 jQuery.color 插件不存在，因为它没有包含在页面中。

于 2010-03-10T18:11:44.783 回答
0

讨厌打破它，但我复制了您的确切源代码并更改了您的脚本链接以直接链接到您的 javascript（即。<script type="text/javascript" src="http://nike1.se/box/jquery-1.4.2.min.js"></script>），它在我的机器上按预期工作。

我怀疑问题出在测试页面上的语句中的路径：

<script type="text/javascript" src="/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/jquery.color.js"></script>

您的脚本实际上位于/box子目录中。也许源链接应该是src="query-1.4.2.min.js"或src="/box/jquery-1.4.2.min.js"。或者根据您的 Web 服务器配置，您可能需要像我一样包含完整路径，或者使用BASE 元素来正确设置文档的基本目录。

于 2010-03-10T19:13:16.843 回答
0

在尝试对其进行动画处理之前，您必须已将背景颜色应用于元素。尝试在函数调用之前将背景颜色应用到 CSS 中的元素或通过 js。

于 2010-08-19T15:15:41.543 回答