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：問題 - 將不再工作

回答

相關問題