我已经使用 Fancybox 库成功创建了一些测试页面。
但是,当我尝试将库集成到主站点时,它没有在模态窗口中打开图像,而是在单独的选项卡/窗口/页面中打开图像。
成功的空测试在这里:http://www.halal-helvetica.ch/kash.html
要找到不起作用的那个,您需要转到:http://www.halal-helvetica.ch/index2.php ,然后搜索伯尔尼。然后单击餐厅图标,然后单击屏幕左侧信息区域中的灰色小方 block 。当您单击它时,您会看到它在新页面而不是模态窗口中打开了一个大的灰色方 block 。
我希望我已经足够具体了。
谢谢 卡什。
最佳答案
当您将 Fancybox 绑定(bind)到 base2.js
中的 a#single_image
时,您是在页面加载时执行此操作,而此时它并没有出现。稍后在单击标记时创建元素,因此不会绑定(bind)任何内容。 jQuery 的 $.live()
函数将在页面加载时绑定(bind),但也会通过 AJAX 调用或其他方式绑定(bind)任何 future 的匹配项。 This answer应该有助于让 $.live()
与 Fancybox 一起工作。
希望对你有帮助
关于javascript - Fancybox 框不会弹出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6560337/