Как остановить функцию на JQuery?

Question

[Илюша Прокопьев]

Существует функция. Внутри этой функции создаётся новый <div>. Нужно, чтобы эта же функция применялась к новому объекту, поэтому повторно вызываю функцию, но тогда все действия дублируются, а это не круто, поэтому нужно остановить функцию и запустить сначала. Как это реализовать средствами JQuery?

Answer 1

[Stalker_RED]

Разделите первую функцию на две, и вызывайте только тот кусок, который нужен.

Предположим, что изначально у вас такая функция

function makeGreenAndCreateInnerDiv( elem ){
	elem.append('<div></div>')
  elem.css('background', 'green')
}

демо: https://jsfiddle.net/6mtd38cx/

Разделяем на две части https://jsfiddle.net/6mtd38cx/1/
createInnerDiv() вызывается дважды, а makeGreen() - один раз

Comments

[Илюша Прокопьев]

Но ведь это не решает проблему дублирования действий

[Stalker_RED]

Илюша Прокопьев: Добавил пример

[Илюша Прокопьев]

Stalker_RED: Спасибо большое

[Stalker_RED]

Илюша Прокопьев: Посмотрел ваш пример. Следовало с этого начинать, с выкладывания кода.
Там у вас что-то странное. Зачем вы повторно навешиваете обработчики клика?

Скорее всего вам нужно просто делегировать прослушку кликов родителю. Сейчас набросаю пример.

[Stalker_RED]

Илюша Прокопьев: https://jsfiddle.net/mct6hczg/1/

[Илюша Прокопьев]

Stalker_RED: Вы с этой планеты? Спасибо большое, очень сильно меня выручили

[Илюша Прокопьев]

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

[Илюша Прокопьев]

Stalker_RED: https://jsfiddle.net/iliapro/mct6hczg/7/ Смотрите, розовый блок, существующий изначально меняет цвет при клике, а новые розовые этого не делают. Я всё объединял в одну функцию и вызывал её повторно, но это дублирует действия, а Ваш код мне не до конца понятен, выручите ещё разок?

[Stalker_RED]

Илюша Прокопьев:
Вот этот кусок

$(".block").click(function(){
  $(this).css({"background":"green"});
});

срабатывает один раз, при старте.
Первый .block уже существует к нему крепится обработчик и он работает.
Новые блоки создаются позже, и на них он не работает.
Можно добавлять каждый раз обработчики как-то так: https://jsfiddle.net/mct6hczg/9/ (строки 3 и 4)
Или можно сделать один обработчик у родителя! https://jsfiddle.net/mct6hczg/10/ (стр 9-11)
И это-же, но менее глобально: https://jsfiddle.net/mct6hczg/10/ (стр 9)
Ведь нам не нужна лишняя нагрузка от проверки всех кликов по документу.

[Илюша Прокопьев]

Stalker_RED: Спасибо огромное, со всем разобрался, без Вас бы никогда не справился

Answer 2

[xmoonlight]

передайте флаг, по-которому будете отслеживать рекурсию.

Comments

[Илюша Прокопьев]

А не подскажите примером кода?

[xmoonlight]

Илюша Прокопьев: могу подправить Ваш. выкладывайте на jsfiddle

[Илюша Прокопьев]

xmoonlight: Вот: https://jsfiddle.net/iliapro/mct6hczg/ Избавил от всего лишнего. Смотрите, кликаете на чёрный квадрат, создаётся новый блок. При клике на розовый блок появляется всплывающее окно, но чтобы это произошло функцию нужно "обновить", для этого вызываю её повторно, но тогда всплывающее окно приходит с братьями-близнецами, а хотелось бы видеть одно

[xmoonlight]

Илюша Прокопьев: https://jsfiddle.net/mct6hczg/3/

[Илюша Прокопьев]

xmoonlight: Необходимо вызывать выплывающее окно при клике именно на розовый блок, но спасибо большое за старания и потраченное время

[Илюша Прокопьев]

xmoonlight: Прошу прощения, не можете помочь исправить вот такой код? https://jsfiddle.net/iliapro/mct6hczg/8/
Необходимо, чтобы новые розовые блоки тоже меняли цвет по клику на них

[xmoonlight]

Илюша Прокопьев: научитесь формулировать и выражать мысли, объяснять задачу и потом задавайте вопросы. Вы - делаете это выдранными кусками.
Еще раз НАПИШИТЕ ПОЛНОСТЬЮ: что есть и что не работает, что нужно?