FancyBox 分组元素出错（无法加载请求的内容）答案

【问题标题】：Error with FancyBox grouped elements (Requested content cannot be loaded)FancyBox 分组元素出错（无法加载请求的内容）
【发布时间】：2012-02-15 02:15:06
【问题描述】：

我正在尝试用 fancybox 做一个图像组（我也在使用 twitter bootstrap 等）

但是，当 FancyBox“弹出”出现时，我收到以下错误：

The requested content cannot be loaded.
Please try again later.

这是一个反映我的问题的测试用例：

<!DOCTYPE HTML>

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Test</title>
        <link href="scripts/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet "type="text/css" media="screen"/> 
    </head>
    <body>
        <ul>
            <li>
                <a class="grouped_elements" rel="group1" href="#">
                    <img class="thumbnail" src="http://placehold.it/90x90" alt>
                </a>
            </li>
            <li>
                <a class="grouped_elements" rel="group1" href="#">
                    <img class="thumbnail" src="http://placehold.it/90x90" alt>
                </a>
            </li>
            <li>
                <a class="grouped_elements" rel="group1" href="#">
                    <img class="thumbnail" src="http://placehold.it/90x90" alt>
                </a>
            </li>
        </ul>
        <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" charset="utf-8">
            $(document).ready(function(){
                    $(".thumbnail").click(function(){
                        $("a.grouped_elements").fancybox();
                        });
                    });
        </script>
    </body>
</html>

有什么想法吗？

【问题讨论】：

您是否注意到您的li 周围缺少ul 或ol？
是的，我做到了，哈哈，谢谢。在我的原始 HTML 中，我没有错误（该死的剪切和粘贴）

标签： javascript jquery html fancybox twitter-bootstrap

【解决方案1】：

尝试将 HREF 设置为这样的图片：

        <a class="grouped_elements" rel="group1" href="http://placehold.it/90x90_BIG.jpg"">
            <img class="thumbnail" src="http://placehold.it/90x90" alt>
        </a>

【讨论】：