Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
IamSCORPION
SysOp
40 / 39 / 5
Регистрация: 13.04.2009
Сообщений: 274
1

Закончил ли свою работу animate, toggle

16.11.2011, 20:51. Просмотров 1560. Ответов 4
Метки нет (Все метки)

Вот к примеру есть код спойлера:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var Spoiler = {
    showClass: 'plus', 
    hideClass: 'minus', 
    toggle: function(el) {
        var spoiler_body = jQuery(el).next();
        if(jQuery(spoiler_body).css('display') == 'none') {
            jQuery(el).removeClass(Spoiler.showClass).addClass(Spoiler.hideClass);
        }
        jQuery(spoiler_body).toggle('blind', 1000, function() {
            if(jQuery(spoiler_body).css('display') == 'none') {
                jQuery(el).removeClass(Spoiler.hideClass).addClass(Spoiler.showClass);
            }
        });
    }
};
HTML5
1
2
3
4
<div class="spoiler">
    <div class="spoiler_head plus" onclick="Spoiler.toggle(this);">Спойлер</div>
    <div class="spoiler_body">текст под спойлером</div>
</div>
Поскольку .toggle() выполняется в течение времени 1000, то если несколько раз подряд выполнить Spoiler.toggle(this) - он перестает работать(((

Как сделать так, чтобы в методе Spoiler.toggle прежде чем выполнять .toggle, узнать завершилось ли предыдущее действие .toggle и если оно не завершилось - удалить это действие?

Добавлено через 4 часа 3 минуты
Пока вот только так
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var Spoiler = {
        showClass: 'plus', 
        hideClass: 'minus', 
        toggle: function(el) {
                jQuery(el).removeAttr('onclick');
                var spoiler_body = jQuery(el).next();
                if(jQuery(spoiler_body).css('display') == 'none') {
                        jQuery(el).removeClass(Spoiler.showClass).addClass(Spoiler.hideClass);
                }
                jQuery(spoiler_body).toggle('blind', 1000, function() {
                        if(jQuery(spoiler_body).css('display') == 'none') {
                                jQuery(el).removeClass(Spoiler.hideClass).addClass(Spoiler.showClass);
                        }
                        jQuery(el)[0].setAttribute('onclick', 'Spoiler.toggle(this)');
                });
        }
};
в самом начеле действия .toggle() удалаем атрибут onClick
Javascript
1
jQuery(el).removeAttr('onclick');
а в конце по окончанию действия .toggle() добавляем атрибут onClick
Javascript
1
jQuery(el)[0].setAttribute('onclick', 'Spoiler.toggle(this)');
а по другому никак?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.11.2011, 20:51
Ответы с готовыми решениями:

Toggle animate
Подскажите, как нынче работает функция toggle? С новой библиотекой jquerry...

При нажатие ОК(в алерте) submit делает свою работу. Мне надо чтоб дальше не прошел?
Если я не выбирая ничего нажимаю кнопку окошка появиться, есть одно но при...

Toggle
jQuery JavaScript Library v1.5 в этой библиотеке Такой код например...

toggle()
Здраствуйте, как применить к toggle() при &quot;block&quot; эфект fadeOut(), а при &quot;none&quot;...

Toggle()
$(document).ready(function(){ $('#post').click(function(){...

4
Vorona
Peace 2 all shining faces
672 / 534 / 84
Регистрация: 05.03.2010
Сообщений: 1,283
17.11.2011, 00:11 2
сделать проверку: если аттрибут onclick установлен, значит выполняем некое действие
0
IamSCORPION
SysOp
40 / 39 / 5
Регистрация: 13.04.2009
Сообщений: 274
19.11.2011, 22:54  [ТС] 3
Цитата Сообщение от Vorona Посмотреть сообщение
сделать проверку: если аттрибут onclick установлен, значит выполняем некое действие
да нет же... наверное я неправильно объяснил(

Вот другая ситуация:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="ua">
    <head>
        <meta charset="utf-8" />
        <title>Test</title>
        <script type="text/javascript" src="/Js/Jquery.js"></script>
        <script type="text/javascript">
        function changeColor(el) {
            $(el).animate({"color": "red"}, 5000, function() {
                $(el).animate({"color": "black"}, 5000);
            });
        }
        </script>
    </head>
    <body>
        <div style="color: black;" onClick="changeColor(this)">
            RED
        </div>
    </body>
</html>
при клике по div:
- цвет начинает меняться на красный и этот процесс длится 5 секунд
- после, цвет начинает меняться на черный и этот процесс длится 5 секунд

так вот, каким образом можна сделать так, чтобы при каждом клике этот процесс начинался сначала, а не добавлялся в очередь, ведь, у нас процесс полностью длится 10 секунд, а мы например кликаем каждые 5 секунд???
0
Vorona
Peace 2 all shining faces
672 / 534 / 84
Регистрация: 05.03.2010
Сообщений: 1,283
20.11.2011, 04:19 4
точно, неправильно понял задание
вот ссылка на jsfiddle, думаю вы сможете разобрать принцип работы, ато уж больно спать хочется
2
IamSCORPION
SysOp
40 / 39 / 5
Регистрация: 13.04.2009
Сообщений: 274
20.11.2011, 11:30  [ТС] 5
Цитата Сообщение от Vorona Посмотреть сообщение
точно, неправильно понял задание
вот ссылка на jsfiddle, думаю вы сможете разобрать принцип работы, ато уж больно спать хочется
Вот, то, что надо. Спасибо.
0
20.11.2011, 11:30
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.11.2011, 11:30

Toggle()
Исчезает сама надпись &quot;Свернуть форму&quot; что не так? &lt;div...

.animate();
Доброго времени суток! Никак не могу разобраться с этим эффектом. По...

animate()
что у меня неправильного?&lt;html&gt; &lt;head&gt; &lt;title&gt; jquery &lt;/title&gt; &lt;script...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru