我正在开发一个在图书目录页面上有“立即购买”选项的网站(每本书都是自定义帖子)。除了带有链接等的自定义字段之外,这些书籍还被管理员添加为自定义帖子。当用户单击“立即购买”按钮时,Fancybox 会弹出一个窗口,其中包含可以购买书籍的不同位置。我遇到的问题是每个弹出窗口都只是数组中的第一个帖子。我对 jQuery 和 PHP 非常陌生。我假设我必须创建某种计数器,但我不知道该怎么做。但基本上,每个立即购买按钮都必须打开单独的自定义帖子。
相关代码:
js:
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox(); });
</script>
html:
<?php else: ?>
<li>
<div class="thumbnail"><?php the_post_thumbnail(); ?></div>
<div class="content">
<h2><?php the_title(); ?></h2>
<p><?php echo substr(get_the_content(), 0, 250); ?></i>...
<a class="read-more" href="<?php echo get_permalink(); ?>">Read More ></a></p>
<a class="buy-now fancybox" href="#buy-now-popup2">
<img class="buy-now-img2" src="http://www3.patriciacornwell.com/wordpress/wp-content/uploads/buy-now.png">
</a>
</div>
</li>
<div id="buy-now-popup2">
<h2>Choose a Format</h2>
<ul>
<li>
<div class="thumb"><img src="http://www3.patriciacornwell.com/wordpress/wp-content/uploads/paperback.png"></div>
<h4>Paper Back</h4>
<div class="stores">
<?php $pbamazon = get_post_meta($post->ID, 'paperback-amazon', true); ?>
<?php $pbbn = get_post_meta($post->ID, 'paperback-barnesnoble', true); ?>
<?php $pbib = get_post_meta($post->ID, 'paperback-indiebound', true); ?>
<?php $pbpenguin = get_post_meta($post->ID, 'paperback-penguin', true); ?>
</div>
</div>
这不是整个buy-now-popup2 div,但我认为其余部分与我的问题无关。提前致谢。