使用简单模态OSX样式对话框进行多次调用

Question

我正在使用OSX风格的Simple Modal版本。我有两个调用模态，因此有两个版本的内容。单击任一按钮时，它仅选择第一批内容。

没有地方像大多数模态窗口一样挂钩内容，因为页面上没有javascript来添加参数...只有一个外部.js文件，我不想触及这个文件。< / p>

任何人都可以帮我解决这个问题吗？

Answer 1

我在我正在建设的网站上做了同样的事情。我刚为每个模态创建了不同的内容，并为每个模态分配了一个唯一的ID。所以我的内容看起来像是：

<a id='help'>HELP CONTENT</a>
<a id='about'>ABOUT CONTENT</a>
<a id='options'>OPTIONS CONTENT</a>

<div id='modal_help'>HELP CONTENT</div>
<div id='modal_about'>ABOUT CONTENT</div>
<div id='modal_options'>OPTIONS CONTENT</div>

然后在我的JS中，我有：

$('a').click(function (e) {
    e.preventDefault();

    $('#modal_' + this.id).modal({OPTIONS});
});

希望有所帮助。