花哨的盒子，从url抓取

我正在开发一个站点，并且正在使用bootstrap和jquery ……我发现bootstrap的模态与fancybox完全一样，但是意识到它不够好，所以我继续前进并得到了fancybox ……我最近看到了网站名为PrimeDice，我看到他们也在使用fancybox，我想设置fancybox，就像他们一样…如果你看看他们的代码，你会发现他们正在得到像这样的fancybox ……

faq 

基本上发生的事情是，如果你去http://primedice.comhttps://stackoverflow.com/modals/faq.html，你会看到花式框的纯文本版本。 我想做类似的事情，它从不同的页面获取fancybox的文本或数据…所以基本上有一个名为modals的文件夹，并有一个名为text.php的文件，然后从中获取信息，并在我的主页上将其显示为fancybox …我希望你理解我的意思……

这就是他们的常见问题代码： http ： //pastie.org/8345073

Answer 1

如果你有这个HTML

 faq 

然后使用像这样的jQuery代码

 jQuery(document).ready(function($){ $(".action-fancybox").fancybox({ type: "iframe" }); }); 

假设你已经正确加载了jQuery以及fancybox js和css文件。

看到它在这个JSFIDDLE中工作

Answer 2

你想用这样的东西做吗？

 $('.fancybox').click(function(e) { e.preventDefault() $.fancybox({ 'content': $(this).attr('href'), 'type':'iframe' });