将div内容插入iframe（或使用prettyPhoto jquery的替代解决方案）

Question

我在使用isotope和prettyPhoto的公司网页上工作，我想找到一种方法将div的内容插入到iframe中：

同位素用于显示工作机会（瓷砖），当用户点击工作机会时，prettyPhoto会显示带有工作描述的灯箱。我还使用prettyPhoto来显示图片和视频，这是代码的一部分，效果很好。

我的问题是，漂亮的照片只显示文本信息中的内联内容，而且似乎无法使宽度响应。这就是我使用iframe的原因：

<a href="#Descriptiondiv?iframe=true&width=80%" rel="prettyPhoto"></a>

我的问题是它不显示div而是显示iframe中的整个页面。有没有办法将div内容插入iframe或任何其他适用于prettyPhoto的方式？我尝试了其他几个灯箱选项，但这个是我找到的最好的。

我确实在iframe中寻找div，但似乎也不可能......

对不起，如果这个解释不是很好，我不是专业人士（如果你还在想） 感谢您能想到的任何信息/替代解决方案。

最佳，

Answer 1

你真的需要使用iframe吗？ 这对我有用：

CSS：

#Descriptiondiv {
   width:80% !important;
   height:250px;
   display:none;
}

HTML：

<div id="Descriptiondiv">  CONTENT HERE </div>
<a href="#Descriptiondiv" rel="prettyPhoto">link</a>

您需要使用！important，否则prettyPhoto将使用默认宽度（500）。