Рекурсия при вызове метода в плагине для jQuery?

Question

Jonh Doe @CodeByZen

php, js, my/mssql, sqlite, html, css, it-consult

Рекурсия при вызове метода в плагине для jQuery?

Опираясь на этот перевод начал писать плагин (сладйер картинок).

Вообщем суть не в том, что делает плагин, а в том как.

Мне надо многократно вызвать один и тот-же метод плагина. Но тут у меня возникает ошибка. Алгоритм в методе следующий: Анимирую объект DOM -> автоинкремент переменной в data -> delay -> вызов этого же метода.

При втором вызове $(this) у меня undefined. — Не понимаю почему.

Но есть у меня предположение, что так делать неправильно, у меня не соовсем хороший алгоритм. Подскажите как написать правильно. Заранее спасибо.

Вопрос задан более трёх лет назад
3741 просмотр

Комментировать

Подписаться 3 Оценить Комментировать

Решения вопроса 1

4 комментария

Jonh Doe @CodeByZen Автор вопроса
Прокатило. Однако появляется следующий вопрос.

$(this).find('div.item').last().fadeOut(1000, function(){ $(this).remove(); });

Куда тут запихнуть methods.next.call(this); и delay(3000);

Хотелось бы что-то типа такого:

$(this).find('div.item').last().fadeOut(1000,function(){ $(this).remove().delay(3000).methods.next.call(this);; });

Но при таком вызове вываливается Uncaught TypeError: Cannot read property 'start' of undefined
Написано более трёх лет назад
Валерий @Akuma
Если правильно вас понял, то получается как то так:

var self = this; $(this).find('div.item:last').fadeOut(1000, function(){ $(this).remove(); setTimeout(function(){ methods.next.call(self); }, 3000); });
Написано более трёх лет назад
Jonh Doe @CodeByZen Автор вопроса
В итоге у меня получилось

setTimeout("$('"+data.id+"').myPlugin('next')", data.timeout);

в data я в секции init кладу все что мне надо и потом вызываю в любом методе и все ок.

Просто изначально я хотел без setTimeout обойтись и использовать цепочки jQuery.
Написано более трёх лет назад
Валерий @Akuma
$(data.id).delay(data.timeout).myPlugin('next');

Тогда можно так, наверное.
Но, честно говоря, никогда не пользовался $.delay(), т.к. она все равно реализована на таймаутах, я думаю )
Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 4

2 комментария

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Алгоритмы

Простой
Какую формулу использовать?
- 1 подписчик
- час назад
- 30 просмотров
0

ответов
C++

+1 ещё

Простой
Рекурсивный ввод-вывод последовательности без использования массивов и списоков?
- 2 подписчика
- 5 часов назад
- 219 просмотров
0

ответов
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 8 часов назад
- 50 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 9 часов назад
- 71 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- 13 часов назад
- 100 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 14 часов назад
- 73 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 15 часов назад
- 37 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- 22 часа назад
- 39 просмотров
1

ответ
JavaScript

Средний
Как создать кроссбраузерный функиональный плеер?
- 1 подписчик
- 23 часа назад
- 64 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Почему функция mnemonicToWalletKey из библиотеки тон генерирует неверный адрес кошелька?
- 1 подписчик
- вчера
- 48 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

Мэтч

от 80 000 ₽

Настройка сервера

18 апр. 2024, в 21:56

2000 руб./за проект

Помощь с водпресс

18 апр. 2024, в 21:00

150 руб./за проект

Спарсить ссылки на все товары конкретного продавца в озон

18 апр. 2024, в 20:13

2000 руб./за проект

Answer 1 · 2013-01-08 00:29:52

Валерий @Akuma

Веб-программист

Скорее всего Вы вызываете метод как

methods.any();

А что если попробовать так?

methods.any.call(this);

Ответ написан более трёх лет назад

4 комментария

Answer 2 · 2013-01-08 01:48:46

Мне кажется вы изначально что-то не так сделали. вам стоит подучить раздел JavaScript по поводу контекста функции.

jsfiddle.net/kpVJv/ — из любопытства набросал простенький пример слайдера в виде jQuery плагина (самый простой, ничего инетересного), но может быть вы чего найдете интересного.

Answer 3 · 2013-01-07 23:44:21

Без кода трудно сказать наверняка, но первым делом — не стоит использовать $(this), лучше обращаться к ноде более явно. В случае с евентом, например — через e.target

Answer 4 · 2013-01-07 23:56:49

Никита Гусаков @hell0w0rd

Просто разработчик

Разве внутри плагина обращение к объекту не через this, а не $(this), или я путаю?

Ответ написан более трёх лет назад

1 комментарий

Answer 5 · 2013-01-09 18:50:39

setTimeout("$('"+data.id+"').myPlugin('next')", data.timeout);

Это не очень хорошее решение.
1) Вы передаёте стрингу, которая фактически эвалится.
2) В качестве выполняемой функции каждый раз будет дёргаться заново движок селекторов. И хотя это самый простой селектор, по id, это всё равно время и ресурсы.

Если очень хочется именно так написать, то:

var myPlugin = $(data.id).myPlugin
setTimeout(function(){ myPlugin('next') }, data.timeout);

developer.mozilla.org/ru/docs/DOM/window.setTimeout

Рекурсия при вызове метода в плагине для jQuery?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт