Изменить текст в модальном окне в зависимости от нажатия кнопки

Question

Изменить текст в модальном окне в зависимости от нажатия кнопки

0

Я использую jQuery Popup Overlay http://vast-eng.github.io/jquery-popup-overlay/ для модальной формы. То, что я хочу достичь, - это изменить заголовок модальности, в зависимости от того, какая кнопка открыта модальная.

Мой html выглядит примерно так:

<a class="Modal_Open">Use this text as modal heading 1</a>
<a class="Modal_Open">Use this text as modal heading 2</a>

Modal:

<div id="Modal" display:none>
<p>Want to switch the text here</p>
<input type="text" />
</div>

Мой jquery

$(document).ready(function () {
    $('#Modal').popup();
});

Это проект.net, поэтому, если решение будет проще в С#, не беспокойтесь.

Dale 20 сен. 2013, в 16:59

Источник

Теги:

jquery

html

.net

3 ответа

Ещё вопросы

Hamato Lyoshi · Answer 1 · 2013-12-05T22-10-00.000Z

@shekhardesigner прав. Исправлена ошибка в плагине. Вот рабочий пример:

$(document).ready(function() {
    $('.Modal_Open').click(function () {
        var _title = $(this).text();
        $('#Modal').popup({
            'autoopen': true,
            'onopen': function () {
                console.log(_title);
                $('#Modal > p').text(_title);
            }
        });
    });
});

http://jsfiddle.net/EC8WP/2/

Shekhar K. Sharma · Answer 2 · 2013-09-20T13-48-00.000Z

Кажется, у плагина есть ошибка. Остальные фрагменты ниже будут работать:

    $(document).ready(function() {

        $('.Modal_Open').click(function () {
            var _title = $(this).text();
            $('#Modal').popup({
                'autoopen': true,
                'onopen': function () {
                    console.log(_title);
                    $('#Modal > p').text(_title);
                }
            });
        });

});

Метод onopen не вызывает. перед открытием также не изменяет переданный элемент.

FosterZ · Answer 3 · 2013-09-20T11-29-00.000Z

У меня есть это очень грязное решение для вашей ситуации.

если у вас есть только p tag в вашем модальном режиме, или вы используете селектор для p tag

то вы можете использовать

$('#Modal>p').html('Use this text as modal heading 2');