Как получить и найти значение REL с помощью jQuery?

Question

[Алексей Черток]

Добрый день. В общем такая ситуация. Нужно при клике на кнопку (.btn-open) получать значение rel [feedback] этой кнопки.

<a href="#" class="btn btn-bl btn-open" rel="feedback">Заказать обратный звонок</a>

После того как получили, нужно чтобы это же событие при клике открывало всплывающее окно (.modalArea) с таким же rel [feedback]. Хочется сделать так, чтобы можно было плодить модальные окна и кнопки, изменяя у них rel.

<section class="modalArea" rel="feedback">
    <div class="modalWindow small">
    </div>
</section>

Подскажите как это сделать ? Или если можно, бросьте ссылку или напишите небольшую функцию для вызова модального окна (диалоговое окно, попап).

Заранее очень благодарен.

Answer 1

[Владимир Ио]

https://jsfiddle.net/8q96ywr9/4/
Ну а оформление окошка сами на свое усмотрение приделайте.

Comments

[Arris]

А если не содержит атрибута rel - отработает preventDefa...

[Arris]

тьфу.

А если тег A не содержит атрибута REL - то прощай переход по ссылке.

Что не есть хорошо.

$("a[rel]").on('click', ...)

[Владимир Ио]

Вы бесконечно правы, добавил безопасности.

Answer 2

[Александр Миранович]

Сразу не ту ссылку указал, Вот та, которая с попапом

Comments

[Алексей Черток]

это что вообще такое ?

[krypt3r]

Алексей Черток Смотреть и читать код пробовали?

[Евгений Самойленко]

Странно, когда человек 8 лет в разработке и на такой простейший код пишет "это что вообще такое" пздц. Чел, тебе дали готовое решение, а ты выделываешься.

[Владимир Ио]

Евгений Самойленко: krypt3r: Зря накинулись, изначально ответивший запостил неверный линк и там был полный бред, я сам пытался вчитаться. Но после он поправил, что отражено в его ответе - "Сразу не ту ссылку указал, Вот та, которая с попапом"

Answer 3

[Владимир]

такое подойдет ?

Comments

[Алексей Черток]

к сожалению нет, мне бутстрап не нужен, нужно легкая, обычная функция