jquery - 根据单击的按钮更改模式窗口中的文本

Question

我正在使用 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 项目，所以如果解决方案在 C# 中更容易，请不要担心。

Answer 1

对于您的情况，我有这个非常肮脏的补丁解决方案。

如果您只有p tag在您的模态中，或者您使用选择器p tag

那么你可以使用

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

Answer 2

插件似乎有错误。否则下面的片段将起作用：

    $(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 方法不会调用。在打开之前也不会更改传递的元素。

Answer 3

@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/