jQuery插件Colorbox：问题 - 将不再工作

我一直在colorbox插件上工作几天。我得到它的工作，但当我试图使用rel标签，并找不到我做错了什么时，我摧毁了我的结果。jQuery插件Colorbox：问题 - 将不再工作

这是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>

，每个公司都得到了表，并通过点击一个行“详细信息”，你会得到这个公司的形象。（在这里看到：http://www.d-krings.de/referenzen）

这是JS：

jQuery(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") 
}

我只是需要一个链接，点击它显示了公司分组的图像。但只有当你点击链接时才能看到图片。之前没有。

来源

2011-08-22 Kejith

试试这个

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; 
     } 
    }); 
}

来源

2011-08-22 13:56:42 ShankarSangoli

谢谢您的回答！但它不工作：/ – Kejith

新代码的PostjQuery（文件）。就绪（函数（）{ \t的jQuery（ “div.colorbox”）颜色框（{ \t \t直列后：真实， \t \t HREF：函数（）{ \t \t \t变种elementID = jQuery的（本）.find（ 'DIV .pop'）ATTR（ 'ID'）;。 \t \t \t返回 “＃” + elementID; \t \t} \t} ）; \t jQuery（“div.colorbox”）。colorbox（{rel：“my_group”}）; } – Kejith

'rel'做什么？ – ShankarSangoli

我发现我尝试了一下解决方案它就在那里：

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

和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>

您现在可以使用说明。这是一个Multi inline html Combobox。

来源

2011-08-22 20:48:02 Kejith

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

您可以通过指定'rel'参数来覆盖默认的REL使用，该参数根据颜色框（http://colorpowered.com/colorbox/）可以指定另一个分组机制。

但是您仍然必须提供一种方法让colorbox找到您的资产并将其组合在一起。

凯文M.

来源

2011-08-22 22:06:36

jQuery插件Colorbox：问题 - 将不再工作

回答

相关问题