JQuery транзит при наведении

Question

JQuery транзит при наведении

0

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

$(".rotate").hover(function(){
    $(this).transition({
      perspective: '100px',
      rotateY: '180deg'
    });
});

Это возвращает "Uncaught TypeError: Свойство" $ "объекта [object Object] не является функцией", я некоторое время возился с этим, но, похоже, по кругу.

Если кто-то может указать мне в правильном направлении, я бы очень признателен.

Ответить

frankstuner 23 фев. 2014, в 15:51

Источник

0

Вы включили библиотеку JQuery?
Reger 23 фев. 2014, в 14:28
0

предоставьте ваш вывод в jsfiddle
Dinesh Kanivu 23 фев. 2014, в 14:33

Теги:

javascript

jquery

transition

jquery-transit

3 ответа

1

CSS лучше во всех отношениях:

.rotate {
    transition: transform 0.4s ease;
    perspective: 100px;
}
.rotate:hover {
    transform: rotateY(180deg);
}

Просто говорю' ;)

Niet the Dark Absol 23 фев. 2014, в 13:15

0

Ваш код, кажется, работает нормально, я просто быстро его вставляю ..... Вы определенно включили как jQuery, так и библиотеку transit.js?

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ricostacruz.com/jquery.transit/jquery.transit.min.js"></script>
<style type="text/css">
  .rotate{ width:50px; height:50px; background-color:lightgrey; border:1px solid #000;  }
</style>
<div class='rotate'></div>    
<script type="text/javascript">
  $(".rotate").hover(function(){
    $(this).transition({
      perspective: '100px',
      rotateY: '180deg'
    });
  });
</script>

Chardard 23 фев. 2014, в 11:50

0

JQuery должен быть до транзита JS
Ashley Medway 23 фев. 2014, в 14:52
0

Совершенно верно ...... это то, что вы получаете за проверку в jsfiddle (где для вас добавлен jQuery) перед копированием и вставкой в него !!!
Chardard 23 фев. 2014, в 14:58
0

Определенно добавлен jQuery, он уже используется для других элементов. Я проверил этот код, я вижу, он отлично работает в скрипке. Ошибка все еще возвращается в консоли chromes. 'Uncaught TypeError: Свойство' $ 'объекта [объект Object] не является функцией (индекс): 264 (анонимная функция)'
frankstuner 23 фев. 2014, в 14:59
0

Какая линия на самом деле это? если вы щелкнете по номеру строки справа в консоли chromes, он должен показать вам строку кода, вызывающую проблему ..... у вас есть какая-либо другая библиотека? попробуйте заменить знак $ на jQuery, например, jQuery (". rotate"). hover (function () {
Chardard 23 фев. 2014, в 15:29

Показать ещё 2 комментария

Ещё вопросы

Совершенно верно ...... это то, что вы получаете за проверку в jsfiddle (где для вас добавлен jQuery) перед копированием и вставкой в него !!!
Определенно добавлен jQuery, он уже используется для других элементов. Я проверил этот код, я вижу, он отлично работает в скрипке. Ошибка все еще возвращается в консоли chromes. 'Uncaught TypeError: Свойство' $ 'объекта [объект Object] не является функцией (индекс): 264 (анонимная функция)'
Какая линия на самом деле это? если вы щелкнете по номеру строки справа в консоли chromes, он должен показать вам строку кода, вызывающую проблему ..... у вас есть какая-либо другая библиотека? попробуйте заменить знак $ на jQuery, например, jQuery (". rotate"). hover (function () {

frankstuner · Accepted Answer · 2014-02-23T13-37-00.000Z

Я получил его работу, в итоге это была версия jQuery wordpress

см. здесь jQuery Uncaught TypeError: свойство '$' объекта [object Window] не является функцией

Спасибо за вашу помощь!