javascript - Fancybox 框不会弹出

Question

我已经使用 Fancybox 库成功创建了一些测试页面。

但是，当我尝试将库集成到主站点时，它没有在模态窗口中打开图像，而是在单独的选项卡/窗口/页面中打开图像。

成功的空测试在这里:http://www.halal-helvetica.ch/kash.html

要找到不起作用的那个，您需要转到:http://www.halal-helvetica.ch/index2.php ，然后搜索伯尔尼。然后单击餐厅图标，然后单击屏幕左侧信息区域中的灰色小方 block 。当您单击它时，您会看到它在新页面而不是模态窗口中打开了一个大的灰色方 block 。

我希望我已经足够具体了。

谢谢卡什。

Answer 1

当您将 Fancybox 绑定(bind)到 base2.js 中的 a#single_image 时，您是在页面加载时执行此操作，而此时它并没有出现。稍后在单击标记时创建元素，因此不会绑定(bind)任何内容。 jQuery 的 $.live() 函数将在页面加载时绑定(bind)，但也会通过 AJAX 调用或其他方式绑定(bind)任何 future 的匹配项。 This answer应该有助于让 $.live() 与 Fancybox 一起工作。

希望对你有帮助