Question

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

<a href="/modals/faq.html" class="action-fancybox">faq</a>

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

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

Answer 1

你想用这样的东西做到吗？

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

Answer 2

如果你有这个HTML

<a href="/modals/faq.html" class="action-fancybox">faq</a>

然后使用像这样的jQuery代码

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

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

看到它在 JSFIDDLE

中工作

花哨的盒子，从网址抓取

2 个答案: