Уничтожьте транзитные js на объекте

Question

Я недавно пробовал Transit JS для анимации на миниатюрах. Это не важно, я использую транзитные js, что может быть хорошей вещью, поскольку я не могу найти способ уничтожить вызов анимации на моем div, если мне нужно.

В основном я ищу, чтобы попытаться отключить анимацию для мобильных устройств, поскольку на мобильном телефоне нет наведения, бессмысленно оставлять это там. Но, просматривая документацию, я не могу найти способ остановить процесс.

Мой код выглядит следующим образом:

$(".spark_burst").css({ scale: 0 }); 

    $("a.trigger").bind('mouseenter play', function() { 
    $(this).find(".spark_burst").transition({ 
     opacity: 0.7, scale: 2, 
     duration: 400, 
     easing: 'in', 
     queue:false, 
     complete: function() { } 
     }); 
    $(this).find(".targeting").transition({ 
     y: 0, 
     x: 235, 
     easing: 'in', 
     queue:false, 
     duration: 200 
    }); 
    }).bind('mouseleave reset', function() { 
      console.log("hover out"); 
     $(this).find(".spark_burst").transition({ 
     opacity: 0, scale: 0, 
     duration: 400, 
     easing: 'out', 
     queue:false, 
     complete: function() { } 
     }); 
     $(this).find(".targeting").transition({ 
     y: 0, 
     x: 0, 
     easing: 'snap', 
     queue:false, 
     duration: 200 
     }); 
    }); 

Я пытался отвязать событие так:

$(window).resize(function(){ 
    if ($("#all_spark").css("marginRight") == "0px"){ 

    console.log("0 pixels"); 
    $("a.trigger").unbind("mouseover mouseout play reset"); 

    } 
}); 

Мой мыслительный процесс здесь был установлен функцию изменения размера, чтобы посмотреть, когда мобильный style является триггером для родителя, затем отвязайте триггеры mouseover и mouseout. Но это был выстрел в темноте и не работает, поэтому я предполагаю, что это чистый мусор с моей стороны.

Любые идеи?

Answer 1

Так вы свяжете mouseenter и mouseleave события в триггере,

и UNBIND mouseover и mouseout события, но он не работает .....

....

НО ПОДОЖДИТЕ !!! ОНИ - РАЗЛИЧНЫЕ МЕРОПРИЯТИЯ!

mouseenter не то же самое, как mouseover,

и

mouseleave не то же самое, как mouseout,

на unbind событие, вам нужно использовать одно и то же имя события :)

Испытан с этим транзитным JS в этой демонстрации: http://jsfiddle.net/JuKqK/

Надеется, что это помогает.