jquery - 在网站上嵌入博客内容

标签 jquery html css

我可能会以完全错误的方式解决这个问题,但我正在学习,所以总体而言这是一次很好的体验。这是我目前的问题:

我有一个网站,它有很多组件,其中之一是博客。我正在使用 flatpress 来运行博客,它很简单,我喜欢它。我已将博客输出/帖子格式化为嵌入到我网站的主要部分(与其说是功能,不如说是设计)。

我不确定使用 iframe 是个好主意,主要是因为,如果我选择在我的博客文章中使用图片,他们会使用 slimbox2(灯箱克隆),并且在单击时,它们的叠加层只会在 iframe 内打开.我不确定如何让它们在父级的 iframe 之外打开。

或者,我想我可以使用 jquery 嵌入博客内容,a la:

$("#testLoad").load("http://url/flatpress #content-main");

在一个 div 容器中(它看起来乱码并且不遵守任何博客的 css/脚本),所以我无法让它工作,我正在寻找有关如何实现我的博客内容的指导嵌入和图像叠加以正常运行。

谢谢!

最佳答案

Window.postMessage 允许您从 iframe 向博客主页发送图片等信息。

postMessage 文档 https://developer.mozilla.org/en-US/docs/DOM/window.postMessage

我快速搜索它时看到的第一个演示(还没有尝试过,但它看起来是正确的) http://davidwalsh.name/window-iframe

关于jquery - 在网站上嵌入博客内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12045225/

相关文章:

jquery - 如何在jquery中延迟添加2个类

html - 设置相对于 parent parent 的高度但拉伸(stretch) parent

css - 使用 css 隐藏复选框

javascript - 如何在 jquery 中更改 bing map 上的 map 大小

jQuery 疑似命名约定问题

Javascript 制作测验单选按钮

html - 将 &lt;title&gt; 标签放在 <head> 标签之外是否被认为是不好的?

jquery - 如何使选定的标题及其内容处于事件状态,而其他的则处于非事件状态?

javascript - 具有固定(卡住)列和标题的 HTML 表格

javascript - 无法掉落超过 1 个克隆