如何将其包含在 Jquery 灯箱或对话框中？答案

【问题标题】：How can I include this in a Jquery lightbox or dialog box?如何将其包含在 Jquery 灯箱或对话框中？
【发布时间】：2013-02-17 22:56:45
【问题描述】：

在 Jquery 中这在技术上是否可行.. 基本上我想在用户单击图像超链接或链接时调用内部的 php 页面或灯箱或弹出 Jquery 对话框

例如，我有这行代码。一旦用户单击此图像链接，就会出现一个对话框或灯箱，其中包含profiles.php 页面的内容。我如何在 Jquery 中实现这一点。 .我对Jquery太陌生了..但我该怎么做呢？我真的很感激 .. 我需要有关如何将 profiles.php 信息加载到对话框或灯箱中的指导.. 这两个选项中的任何一个都适合它。

echo "<a href='profiles.php'><img src='boy.jpg'width='100' height='100' class='image' /></a>";

【问题讨论】：

看看这个。 shadowbox-js.com
不幸的是，这并没有多大帮助......

标签： php javascript jquery jquery-ui jquery-plugins

【解决方案1】：

试试 Fancybox！它是一个 jquery 插件！

使用说明请访问：http://fancybox.net/howto

【讨论】：

【解决方案2】：

你可以使用 jQuery.load(url) 方法阅读更多：http://api.jquery.com/load/

jQuery('a.linkclass').click(function(event){
    event.preventDefault();// prevent link default action
    jQuery('selection of where you need to load content').load('profiles.php');
});

不确定它是否工作 100% 没有测试过

【讨论】：

我想要弹出效果

【解决方案3】：

在您的页面上加载Colorbox
将colorbox-html 类添加到超链接
在页面底部添加<script>$('a.colorbox-html').colorbox();</script>
点击链接

免责声明：这尚未经过测试

【讨论】：