彩盒顯示隱藏的div動態地在WordPress

我有一個類似的問題How do I use colorbox to show hidden divs on my page without hardcoding?但解決的辦法有沒有爲我工作。彩盒顯示隱藏的div動態地在WordPress

正在使用自定義的WP_Query從一個自定義後類型返回一組縮略圖，點擊上我想激活顏色框，並顯示在覆蓋後的信息。

的Javascript：

$(document).ready(function() { 
$(".colorbox").colorbox 
({ 
innerWidth: "660px", 
transition: "fade", 
href:function(){ 
var elementID = $(this).attr('id'); 
return "#" + elementID; } 
}) 
});

的WordPress代碼：

<?php 
     $clientInfo = new WP_Query(); 
     $clientInfo->query('post_type=Clients&orderby=date&order=ASC'); 
     ?> 
     <?php $i = 0; ?> 
     <?php while ($clientInfo->have_posts()) : $clientInfo->the_post(); ?> 
     <?php $i++; ?> 
     <a href="#post-<?php the_ID(); ?>" class="colorbox client-logo<?php if ($i == 4 || $i == 8 || $i == 14 || $i == 16 || $i == 20) { echo ' row-last'; } ?>"> 
     <?php the_post_thumbnail('client-logo'); ?> 
     </a> 
     <div class="hidden-content"> 
      <div id="post-<?php the_ID(); ?>"> 
      <?php the_title(); ?> 
      <?php the_content(); ?> 
      </div> 
     </div> 
    <?php endwhile; ?>

我顯示縮略圖罰款，在我回國覆蓋整個頁面:)有什麼毛病我使用的功能在我的colorbox JS中，我猜想，但它似乎在爲其他人工作。

我只需要能夠返回每個.hidden-content（每個條目的動態內容）的內容，因此我試圖使用該函數而不是簡單地設置div（設置href ：「.hidden內容」返回每個.hidden內容在每個單獨覆蓋）

謝謝！

來源

2011-09-13 luke

取而代之的是：

$(".colorbox").colorbox 
({ 
innerWidth: "660px", 
transition: "fade", 
href:function(){ 
var elementID = $(this).attr('id'); 
return "#" + elementID; } 
})

我想你打算這樣做：

$(".colorbox").colorbox 
({ 
inline:true, 
innerWidth: "660px", 
transition: "fade", 
href:function(){ 
var elementID = $(this).attr('id'); 
return "#post-" + elementID; } 
})

來源

2011-09-14 07:52:38 Jack

彩盒顯示隱藏的div動態地在WordPress

回答

相關問題