Как исправить появление блоков (модалка)?

Question

[Andrej Sharapov]

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

Пример:


Но в моем примере, при нажатии на любую кнопку, выходят все изображения, а не то, на которое нажали.

Answer 1

[0xD34F]

Разделить компонент на два - для списка и выбранного элемента. Данные передавать в список, из списка эмитить выбранный элемент, который передавать в соответствующий компонент.

https://jsfiddle.net/5kdqema2/

Comments

[Andrej Sharapov]

спасибо за ваш очередной fucking-компонент =))

[Andrej Sharapov]

А подскажите, пожалуйста.
Переделал шаблоны под себя, все работает. Но только в песочницах. На сайте, из вашего примера, selected-fucking-item не срабатывает. Просто не появляется.

Может ли это быть из-за того, что я подключаю два скрипта, в которых: В главном скрипте, идет обращение к основному контейнеру (как бы общий шаблон). Доп. скрипт - чисто страничный, задействует внутренние элементы странички.

Наглядно:

Разметка:
Основной шаблон сайта > внутренняя страница.

Структура внутр. страницы:

Page:
| #wrapper
|---- #new-page-component

Скрипты идут в такой последовательности:
- скрипты для страницы (скрипты обращаются к #new-page-component)

[0xD34F]

Andrej Sharapov, ага, щас брошусь гадать, где вы накосячили.

[Andrej Sharapov]

0xD34F, я понимаю, вопрос немного в другом =)
Может ли это быть из-за того, что я подключаю два скрипта и обращаюсь в одном к родительскому блоку, а в другом к дочерним? Если такого не бывает, значит накосячил где-то и буду искать где, хоть ошибок и нет. Просто ошибок в консоли нет, скрипты работают верно, но вне сайта. Отсюда такой вопрос.

[Andrej Sharapov]

0xD34F, нашел ошибки, еще раз спасибо за помощь!