2012-01-31 2 views
0

Я пытаюсь сделать так, чтобы, когда вы наводили курсор на div, он запускает изображение для вращения в другом div.jQuery Поворот изображения с использованием плагина jQueryRotate

Я пытался использовать этот плагин, http://code.google.com/p/jqueryrotate/

Вот мой код в jsFiddle. Зеленый квадрат вращается с использованием CSS3, однако мне нужно поддерживать IE9 +, поэтому мне нужно сделать это с помощью jQuery!

Синий квадрат - это тот, который я пытаюсь оживить с помощью jQuery. Для примера я просто искал случайное изображение, поскольку я читал, что вы не можете повернуть div с jQuery, только изображениями.

http://jsfiddle.net/D6HQR/

Я действительно понятия не имею, что я делаю не так, может какие-волшебники JQuery пожалуйста, спаси меня !!!!

UPDATE

http://jsfiddle.net/HAqQT/

теперь у меня есть jQueryRotate плагин работает, однако он не работает в IE9. На веб-сайте говорится, что он должен работать для IE6 +

В настоящий момент синий квадрат непрерывно вращается с помощью jQuery, зеленый квадрат вращается, когда вы наводите курсор на кнопку с помощью CSS3.

Может ли кто-нибудь увидеть причину, по которой jQuery не будет работать в IE9 +?

UPDATE 2

http://jsfiddle.net/tpHdg/

обновление кода, синий квадрат Теперь вращается при наведении, останавливается при наведении прочь.

Ищите помощь для несовместимости IE9.

Final Обновление

Спасибо всем, кто помогал, в конце концов, я медленно работал мой путь через него. Причина, по которой он не работал на IE9, был из-за настройки «ActiveX Filter», что бы это ни было ...

На данный момент у меня есть версия jQuery и версия CSS3, когда она больше поддерживается. Если вы хотите проверить обе версии, вот ссылки ... Не стесняйтесь повторно использовать код, если он помогает вашему проекту!

http://mathewhood.com/misc/css3/rotate/ - CSS3 http://mathewhood.com/misc/js/rotate/ - JS

Еще раз спасибо!

+0

Я не эксперт, поэтому я не могу вам помочь, но я вижу, что вам требуется время, чтобы получить ваш ответ. Я предлагаю вам попробовать использовать firebux, plug-in firefox, который может помочь вам с отладкой javascript, чтобы быстрее находить ошибки. – ppp

+0

Спасибо за ответ! Я немного поиграл и получил работу jQuery, но, к сожалению, она не работает в IE9 :( Я обновлю свое оригинальное сообщение новым jsFiddle, чтобы показать это. –

+0

Хотелось бы видеть ваш код потому что у меня недавно был тот же вопрос. – ppp

ответ

0

я выработал некоторый код, основанный на примерах плагина: http://jsfiddle.net/MJyFf/

Ps .: Ваш пересмотренный код работает в IE9.
Ps2.: Наведите синий квадрат на мой пример

+0

Я снова проверил свой код на IE9 и получил коллегу для проверки. Он не работает ни для кого из нас в IE9. Вы и имеете пришел к аналогичным выводам кода, я также опубликую мой код. Я все еще не думаю, что он работает над IE9:/ –

+0

Когда я получаю доступ к вашей ссылке jsfiddle, синяя визжа вращается. CSS3 не работает, но jQuery вращается – rcdmk

+1

Просто подсказка: в jsfiddle you d не нужно вставлять jquery в ваш HTML. Это можно сделать на левой боковой панели. Вы даже можете выбрать нужную версию. – rcdmk

Смежные вопросы