javascript - Fancybox 框不会弹出

标签 javascript jquery css fancybox modal-dialog

我已经使用 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/

相关文章:

javascript - 在 Shiny 的应用程序中包含 js/css 脚本

jQuery 手机 : Scroll only the listview

css - 图像悬停到下一个文本并在响应时使缩放图标居中

javascript - 等待在 nodejs 中正确连接到 rabbit

javascript - 谷歌应用引擎 : autocomplete search for entity name

javascript - Angularjs将模态 Controller 内部的表单传递给模态外部的ng-controller

javascript - style.styleSheet.cssText 在 IE 9 上不起作用

jquery - 模态下方的下拉内容

javascript - 如何使用VueJS阻止组件上的点击事件冒泡?

javascript - 如何在 jquery 中手动设置滚动高度?