WordPressで隠しdivを動的に表示するためのカラーボックス

Question

私はHow do I use colorbox to show hidden divs on my page without hardcoding?と同様の問題がありますが、解決策は私には効果がありません。

カスタムWP_Queryを使用してカスタムの投稿タイプからサムネイルのセットを返すと、クリック時にcolorboxを有効にして、オーバーレイに投稿情報を表示したいと思います。

Javascriptを：

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

ワードプレスコード：

<?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; ?> 

私は、罰金のサムネイルを表示する私のオーバーレイでページ全体を返すよ:)私が使用している機能に何か問題があります私のカラーボックスJSで私は推測するが、それは他人のために働いているようだ。

私のオーバーレイでそれぞれの.hidden-content（各エントリの動的コンテンツ）の内容を返すことができれば、なぜdivを設定するのではなく関数を使用しようとしているのですか？ ： ".hidden-content"は個々のオーバーレイのすべての非表示コンテンツを返します）

ありがとう！これに代えて

Answer 1

：

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

：

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

は、私はあなたがこれを行うつもりだと思います