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

Question

我为客户建立了一个画廊，每个缩略图都有一个弹出信息页面。我正在尝试使用新 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>

当模态框被触发时，它会包含一个链接到图库中的上一张/下一张图片。所以我希望模式能够简单地重新加载新的 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，我不想通过触发主页刷新并再次弹出模态 onLoad 来混淆它。

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

干杯

Answer 1

卢卡斯，

我会考虑使用 ajax 目标选项来用新的内容/图像刷新模式。