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

Question

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

isotope 用于显示工作机会（图块），当用户单击一个时，prettyPhoto 会显示一个带有工作描述的灯箱。我还使用 prettyPhoto 来显示图片和视频，部分代码运行良好。

我的问题是漂亮的照片仅在涉及文本信息时显示内联内容，并且似乎不可能使宽度响应。这就是我为什么使用 iframe 的原因：

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

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

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

抱歉，如果没有很好地解释，我不是专业人士（如果您仍然想知道）感谢您提供任何信息/替代解决方案。

最好的，

score 0 · Accepted Answer

你真的需要使用 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)。

1 回答 1