如何在ajax调用后重新初始化slimbox2(lightbox插件)?

时间:2012-10-17 09:08:41

标签: javascript jquery ajax lightbox slimbox

我们使用一些ajax来更新页面上的照片。但之后,slimbox灯箱不再有效。以前,确实如此。

我尝试过:

window.opener.slimbox2();

但它立即打开灯箱(如屏幕变暗,中间出现白框)。我想要的只是让slimbox2插件准备就绪,而不是立即弹出。我试着看看slimbox2的js代码,但它已经是缩小版本了,似乎整个函数都是自动调用的,因为它有这种格式:

(function () {
  // code here
})(jQuery);

如何再次拨打电话?

2 个答案:

答案 0 :(得分:2)

我们找到了解决问题的方法,实际上非常简单。在我们刚刚添加的灯箱的锚标签上:

onclick='jQuery.slimbox("[Image URL]"); return false;'

所以它看起来像这样:

<a rel='lightbox' href='image name' onclick='jQuery.slimbox("[Image URL]"); return false;'><img src='image source'></a>

这是用于更多参数的jQuery slimbox2 API:

http://code.google.com/p/slimbox/wiki/jQueryAPI

答案 1 :(得分:0)

你必须调用javascript函数,用于显示灯箱或超薄盒子,无论你使用什么。你必须添加“window.opener.slimbox2();”当你有一个响应文本代码在那里定义你的弹出代码,它将适合你。

如果仍然没有工作,请在此处提供代码,以便我指导您