jQuery插件Colorbox:Problem-won'；我不再工作了

我已经在colorbox插件上工作了好几天了。我让它工作，但我破坏了我的结果，当我试图使用rel标签，无法找到我做错了什么

这是HTML代码：

<tr>
    <td>City Numver</td>
    <td>Company</td>
    <td>Street</td>
    <td>etc</td>
    <td>
        <div class="colorbox">Details
            <div style="display: none;">
                <div id="Div1" class="pop">
                    <p class="alignleft">Referenz entstand zügig.</p>
                    <img class="alignleft" src="http://www.d-krings.de/wp-content/uploads/2011/01/menzel-3616.jpg" alt="" />
                </div>
            </div>
            <div  style="display: none;">Div #2
                <div style="display: none;">
                    <div id="Div2" class="pop"><img class="alignleft" src="http://www.d-krings.de/wp-content/uploads/2011/01/menzel-3616.jpg" alt="" />
                        <p class="alignleft">Referenz entstand zügig.</p>
                        &nbsp;
                    </div>
                </div>
            </div>
        </div>
    </td>
</tr>

---

我只需要一个链接，点击其中显示的图像为该公司分组。但是这些图像只有在你点击链接时才能看到。以前没有。

试试这个

jQuery(document).ready(function () {
    jQuery("div.colorbox").colorbox({ 
        rel: "my_group",
        inline: true,
        href: function () {
            var elementID = jQuery(this).find('div .pop').attr('id');
            return "#" + elementID;
        }
    });
}

---

我找到了我尝试过的解决方案，结果是：

JS

以及HTML代码：

<div class="boxpop" rel="yourGroup here">Details
    <div class="bp_container" style="display:none">
        <p><img src="image.jpg"></p>
        <p class="colorbox_desc">You can use Description here.</p>
    </div>
</div>

<div class="boxpop" rel="yourGroup here" style="display: none;">
    <div class="bp_container"  style="display:none">
        <p><img src="image.jpg"></p>
        <p class="colorbox_desc">You can use Description here.</p>
    </div>
</div>

详细信息

您可以在此处使用说明

您可以在此处使用说明

---

您现在可以使用描述。这是一个多内联html组合框。

Colorbox需要一种方法来查找数字资产（如图像）并将其分组显示。在其最简单的用例中，HTML元素REL用于实现这一点。例如，所有具有相同REL值的图像形成一个数组并显示[0]到[n]

您可以通过指定“REL”参数来覆盖默认的REL使用，根据colorbox（）可以指定另一种分组机制

但您仍然必须为colorbox提供一种方法来查找和组合您的资产

• 凯文M

---

PostjQuery（document）后的新代码.ready（function（）{jQuery（“div.colorbox”）.colorbox（{inline:true，href:function（）{var elementID=jQuery（this）.find（'div.pop'）.attr（'id'）；return“#”+elementID；}）；jQuery（“div.colorbox”）.colorbox（{rel:'my_group}）}正常情况下，它应该将与REL标签相关的图像分组在一个组中。我必须使用ist，因为每个公司都应该使用自己的图像。再次感谢您的快速回答，但它也不起作用。我需要在divs中嵌入REL标签，但我不知道如何。我只需要单击一个链接，显示为公司分组的图像。但是只有当你点击链接时才能看到e图像，而不是之前。

jQuery(document).ready(function() {
    jQuery("div.boxpop").each(function() {
        jQuery(this).colorbox({
            html: jQuery(this).find('div').html(),
            rel: jQuery(this).attr('rel')
        });
    });
});

<div class="boxpop" rel="yourGroup here">Details
    <div class="bp_container" style="display:none">
        <p><img src="image.jpg"></p>
        <p class="colorbox_desc">You can use Description here.</p>
    </div>
</div>

<div class="boxpop" rel="yourGroup here" style="display: none;">
    <div class="bp_container"  style="display:none">
        <p><img src="image.jpg"></p>
        <p class="colorbox_desc">You can use Description here.</p>
    </div>
</div>