将信息传递给jqModal

时间:2009-12-20 22:27:43

标签: javascript jquery jqmodal

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

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

其中id是我点击的内容的id。

这可能吗?

2 个答案:

答案 0 :(得分:2)

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

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

然后按以下方式使用jqModal:

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

答案 1 :(得分:2)

您说要根据ID更改网址,因此我假设您的链接看起来像这样

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

你希望jqModal像这样调用网址

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