jQuery анимация цвета фона - не работает - PullRequest
Новая
       22

jQuery анимация цвета фона - не работает

0 голосов
/ 10 марта 2010

Кто-нибудь видел, что не так с моим кодом? Я просто не могу понять это !!

Пути к файлам правильные, и если я смотрю в консоли при наведении курсора на элемент h3, он выводит текст в "hover", как и положено. 

<!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>

Предполагается изменить цвет фона. К сожалению, это не работает: (

Прямая ссылка здесь: (удалено) (скорее всего удалит через несколько часов)

Ответы [ 3 ]

1 голос
/ 10 марта 2010

Ваш скрипт для цветового плагина неверен: 

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

Должно быть: 

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

В настоящее время плагин jQuery.color не существует, поскольку он не включен в страницу.

0 голосов
/ 19 августа 2010

Вы должны иметь цвет фона, уже примененный к элементу, прежде чем пытаться анимировать его. Попробуйте применить цвет фона к элементу в css или через js непосредственно перед вызовом функции.

0 голосов
/ 10 марта 2010

Не хотелось бы вам его ломать, но я скопировал ваш точный исходный код и изменил ваши ссылки на скрипты, чтобы они ссылались непосредственно на ваши javascripts (то есть. <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". Или, в зависимости от конфигурации вашего веб-сервера, вам может потребоваться указать полный путь, как я, или использовать элемент BASE , чтобы правильно установить базовый каталог вашего документа.

...