1

我正在开发一个在图书目录页面上有“立即购买”选项的网站(每本书都是自定义帖子)。除了带有链接等的自定义字段之外,这些书籍还被管理员添加为自定义帖子。当用户单击“立即购买”按钮时,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 &gt;</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,但我认为其余部分与我的问题无关。提前致谢。

4

1 回答 1

2

好吧,我能够自己解决这个问题,而且比我想象的要简单得多。

我只是将 fancybox href 属性更改为:

<a class="buy-now fancybox" href="#buy-now-popup<?php the_ID(); ?>">

和弹出ID:

<div id="buy-now-popup<?php the_ID(); ?>" class="buy-now-catalog">

这样 Wordpress 就会自动为每个链接生成新的 div。

于 2013-11-04T19:18:03.277 回答