0

我在从循环中获取排队的帖子 ID 或永久链接并将其放入一些 jQuery 代码时遇到问题，首先，代码：

<div class="gallery">
    <ul id="mycarousel">
    <?php global $wp_query;
    $args = array_merge( $wp_query->query, array( 'category__in' => array(get_query_var('cat')), 'posts_per_page' => 10));
    query_posts( $args ); ?>
        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <li><a class="gallerylink"><?php the_post_thumbnail()?></a></li>
    <?php endwhile; endif; ?>
    </ul>
</div>

<script type="text/javascript">
jQuery(document).ready(function($) {
$(".gallerylink").click(function () {
    $("#loader").fadeIn(10);
    $("#icontent").delay(800).fadeIn(200);
    $("#mainFrame").attr("src", "http://www.wordpress.org");
});
$("#hide").click(function () {
    $("#loader").css("display", "none"); 
    $("#icontent").fadeOut(200);
    setTimeout(function(){
        $("#mainFrame").attr("src", "about:blank");
    }, 250);
});
});
</script>
<div id ="loader"></div>
<div id="icontent">
<input type="button" id="hide" value="hide"></button>
<iframe src="" scrolling="no" frameborder="0" id="mainFrame" name="mainFrame"></iframe>
</div>
</div>

如您所见，我使用更详细的 Wordpress 查询对帖子进行排队，它位于 category.php 文件中。我需要的是在单击链接 a.gallerylink 时获得一个帖子永久链接，并在 jQuery 代码中代替 wordpress.org 链接。但是我应该用什么代替 WP 站点链接来让我的站点知道我选择了哪个帖子链接来打开当前点击的帖子的 iFrame？

提前致谢！

PS，请不要问为什么 iFrame 等。它必须这样做:)

4

1 回答 1

0

为什么不将链接添加到 href attr 然后使用 jquery 抓取它。

只需添加修复您的代码以防止点击跟随链接：

$('.gallery').on('click', 'a', function(event) {
  event.preventDefault();
  var link = $(this).prop('href');
  // your code here
});

编辑：一个工作示例http://jsbin.com/EReMohU/1/edit

于 2013-09-17T21:21:38.367 回答