Переходы веб-набора Левая функциональность не работает - решите скрипку - PullRequest
1 голос
/ 10 июня 2011

У меня огромные проблемы с позицией: относительный элемент в переходе webkit, чтобы переместить его влево.Это должно работать, но не работает.Через jQuery добавляется класс, который должен вступить в силу.

<div id="reviews">
    <div id="dropout">Blast</div>

    <a href="#" onclick="dropout(); return false">move it</a>
</div>

#reviews #dropout {
    position:relative;
    min-height:40px;
    left:40px;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
}
#reviews .dropopen {
    min-height:40px;
    left:0px;
    -webkit-transition: left 600ms;
    -moz-transition: left 600ms;
}

function dropout() {
    $('#dropout').addClass('dropopen');
}

Возможно, скрипка может помочь http://jsfiddle.net/4WmJz/1/

Есть идеи?

Чудесный

1 Ответ

1 голос
/ 10 июня 2011

решаемые !(Надеюсь)

Была пара проблем.Во-первых, функция onclick() была привязана неправильно, jQuery не был загружен на страницу jsFiddle, и, что более важно, специфика ваших селекторов была неправильной.В основном селектор #id #id обладает большей специфичностью, чем #id .class, поэтому даже если класс был правильно добавлен к элементу, свойства не будут применены. отличная визуализация специфики CSS .

...