JQuery одушевленная ошибка - PullRequest
Новая
       8

JQuery одушевленная ошибка

0 голосов
/ 14 октября 2011

сейчас 3 часа утра, и я не лучший в jquery, может кто-нибудь сказать мне, какую глупую ошибку я совершаю?

У меня это в jsfiddle здесь: http://jsfiddle.net/JamesKyle/7GWRp/

В переходах css есть излом, который не позволяет использовать их на элементах: before или: after, поэтому я пытаюсь обойти это с помощью jquery, который уже используется на странице. В основном это три состояния css: нормальное, зависание и активное.

(я пытаюсь оживить маленький блеск наверху) 

$(document).ready(function() {

    $('.button:before').mouseover(function() {
        $(this).animate({
            left: '0px',
            opacity: 1
          }, 100);
    });
    $('.button:before').click(function() {
        $(this).animate({
            left: '30px',
            opacity: 0
          }, 100);
    });
    $('.button:before').mouseout(function() {
        $(this).animate({
            left : '-30px',
            opacity : '1'
          }, 100);
    });

});

1 Ответ

1 голос
/ 14 октября 2011

Вердикт здесь заключается в том, что, поскольку псевдоэлементы не являются частью DOM, они не могут быть непосредственно нацелены на jQuery.

Мне кажется, что вставка физического элемента, подобного <div class="button gray"><span></span>Button</div>быть самым простым решением, но оно мешает разметке ...

...