не так работает событие click
всем привет!
есть div <div class="menu-o"> ему присваивается класс
TweenMax.set('.menu-o', {className: '+=openmenu'});
и по этому классу событие
$('.openmenu').click(function() {
TweenMax.to('.blackfonmenu' , 1, {transform: 'translateY(0)'});
TweenMax.set('.menu-o', {className: '-=openmenu'});
TweenMax.set('.menu-o', {className: '+=closemenu'});
});
$('.closemenu').click(function() {
TweenMax.set('.menu-o', {className: '+=openmenu'});
TweenMax.set('.menu-o', {className: '-=closemenu'});
TweenMax.to('.blackfonmenu' , 1, {transform: 'translateY(-100vh'});
});
первая функция работает как нужно без проблем, а вторая вообще не работает. как побороть это, подскажите? Спасибо! |
<style>
.openmenu { border:1px solid green; }
.closemenu { border:1px solid red;}
</style>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div class="menu-o">div</div>
<script>
$('.menu-o').addClass('openmenu');
$('.menu-o').click(function() {
var trans = $(this).hasClass('openmenu') ? 'translateY(0)' : 'translateY(-100vh)';
$(this).toggleClass('openmenu closemenu');
alert(trans); // TweenMax.to('.blackfonmenu' , 1, {transform: trans});
});
</script>
|
TweenMax.to('.blackfonmenu' , 1, {transform: 'translateY(-100vh)'});
|
огромное спасибо!
|
Можно вопрос в вашей теме? Почему у меня выдаёт ошибку на 4-й строке? Пишет, что "а" null. (1-я строка из html) Я в тупике, вроде бы всё верно.
1. <input type="submit" value="1" id="a"> 2. <script> 3. var a = document.getElementById('a'); 4. a.onclick = go; 5. function go() { 6. alert(a.getAttribute('value')); 7. } 8. <script> |
АндрейD,
<input type="submit" value="1" id="a">
<script>
var a = document.getElementById('a');
a.onclick = go;
function go() {
alert(a.getAttribute('value'));
}
</script>
может не в этом куске кода дело? |
Цитата:
|
рони,
не из за этого ведь Цитата:
|
j0hnik,
тогда строка 1 идёт после строки 8, других вариантов не знаю. |
Цитата:
|
| Часовой пояс GMT +3, время: 12:27. |