将信息传递给 jqModal答案

【问题标题】：Passing information to jqModal将信息传递给 jqModal
【发布时间】：2009-12-20 22:27:43
【问题描述】：

我在 Django 应用程序中使用 jqModal。我想做的是有一堆不同的链接，每个链接都将一个参数传递给 jqModal，让它根据参数调用不同的 ajax url。例如，根据点击的 ID，我想做类似的事情：

$('#popup').jqm({ajax: '/myapp/objects/' + id, trigger: 'div.modaltrigger'});

其中 id 是我点击过的任何内容的 id。

这可能吗？

【问题讨论】：

你到底在问什么？如果您只是问是否可能，那么我会说可能。如果该代码多次执行，您可能会看到不止一个模式对话框。

标签： javascript jquery jqmodal

【解决方案1】：

使用触发元素中的data attributes 来存储您的网址：

<div class="modaltrigger" data-ajax-url="/myapp/objects/108"...

然后按如下方式使用jqModal：

$('#popup').jqm({ajax: '@data-ajax-url', trigger: 'div.modaltrigger'});

【讨论】：

【解决方案2】：

您说您想根据 ID 更改 url，所以我假设您的链接看起来像这样

<div id="obj1" class="modaltrigger">foo</div>
<div id="obj2" class="modaltrigger">bar</div>

你希望 jqModal 像这样调用 url

/myapp/objects/obj1
/myapp/objects/obj2

那么这段代码应该可以工作

//must run before first ajax call is made
$('div.modaltrigger').each(function(i, ele) {
    ele.title = '/myapp/objects/'+this.id;
});

$('#popup').jqm({
    ajax: '@title',
    trigger: 'div.modaltrigger'
});

【讨论】：

谢谢你我遇到了这个问题并使用了你的解决方案，它运行良好