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

插件似乎有bug。另外，下面的片段可行：

    $(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/

根据点击的按钮更改模态窗口中的文本

3 个答案: