javascript - 将信息传递给 jqModal

Question

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

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

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

这可能吗？

Answer 1

使用触发元素的数据属性来存储您的 URL：

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

然后按以下方式使用jqModal：

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

Answer 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'
});