0

我正在开发一个网站，并且正在使用 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的文件，然后从中获取信息，并在我的主页上显示为一个花式框...希望您明白我的意思...

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

4

2 回答 2

0

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

$('.fancybox').click(function(e) {
 e.preventDefault()
 $.fancybox({
   'content': $(this).attr('href'),
   'type':'iframe'
});
于 2013-09-21T22:37:31.283 回答
0

如果你有这个 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中工作

于 2013-09-21T23:58:41.607 回答