刷新jqModal弹出窗口中的ajax内容

时间:2014-06-10 02:15:15

标签: php ajax refresh jqmodal

我为客户构建了一个图库,每个缩略图都有一个弹出信息页面。我正在尝试使用新的URL从弹出窗口重新加载jqModal。

这是JS:

$('#dialog').jqm({overlay:75, ajax: '@ajax-data', trigger: 'a.jqModal'});

在主页上:

<a class="jqModal" href="#" ajax-data="<?=$server_url?>ajax/ajax_gallery.php?id=<?=$id?>"><img src="<?=$server_url?>photos/<?=$id?>_th.jpg" border="0" /></a>

当触发模态时,它包含一个链接到库中上一个/下一个图像的模式。所以我希望modal只需使用新URL重新加载。根据文件:

  

JQM       将元素初始化为模态。接受选项对象。如果模态已经初始化,则调用将通过jQuery.extend()更新其选项。

这是我在模式ajax_gallery.php中的按钮代码:

<input type="submit" name="filterButton" value="PREV" onClick="$('#dialog').jqm({ajax:'<?=$server_url?>ajax/ajax_gallery.php?id=<?=$previd?>'});"  />

但没有任何事情发生。我无法隐藏模态,更新它并再次显示它,因为一旦它被隐藏它已经消失并且没有进一步处理JS,我不想通过触发主页刷新并在onLo上再次弹出模式来克服它。

有没有人用jqModal以这种方式刷新它的内容?

干杯

1 个答案:

答案 0 :(得分:0)

卢卡斯

我会看一下使用ajax目标选项刷新带有新内容/图像的模态。