在链接上单击同一页面上div中的显示帖子内容

时间:2015-12-04 08:26:46

标签: wordpress wordpress-theming

更新 第一项不起作用。我知道java从0到X计数。

我使用了Erik的代码,所有其他链接现在都按照我的要求去做。但不是第一个。代码现在看起来像这样:

$links[] =  '<nav><a href="#' . $num++ . '">' . $term->name . '</a></nav>';

即使我设置$ num = 1,它也不会注册两侧的第一项......所以左边的链接和右边的内容......

哦,在那里给你一个return false所以#1不会显示在顶部的网址中吗?

原始问题

我希望有人可以帮我解决这个问题。

我在wordpress中使用自己的主题设置了这个概述页面。在这个页面中,我列出了一些自定义帖子类型,所有帖子都有帖子(所以有内容和内容)。

自定义帖子类型列表是指向这些CPT的帖子页面的所有链接。这一切都有效。

但是,我想要做的是将这些链接打开在同一页面右侧的div中。当用户点击相应的链接时,让它们显示出来。

我已尝试使用工具提示,但这并没有给我发布帖子和缩略图的内容。

CPT的链接是在自己的wordpress的category-template.php中创建的。我编辑了这样的链接:

$links[] = '<a class="various" title="' . $term->name . '<br>' . $id . '" data-fancybox-type="iframe" href="' . esc_url( $link ) . '" rel="tag">' . $term->name . '</a>'; 

现在它为这些链接打开了一个fancybox,但我不想让所有的CPT都在fancebox中打开。所以这对我来说不是一个选择。

Javascript还是php?任何人...

提前致谢

1 个答案:

答案 0 :(得分:0)

  

但是,我想要做的是将这些链接打开在同一页面右侧的div中。当用户点击相应的链接时,让它们显示出来。

在加载页面时,是否可以选择加载所有这些链接?因此,一旦页面加载,您将隐藏您不希望默认显示的div链接,例如css。

当用户点击相应的链接时,您可以在div中显示链接。在这种情况下,您不必进行任何AJAX调用或其他任何操作。您可以使用javaScript执行此操作:

$('.link').click(function() {
    $('#div_links').show(500);
});

如果我清楚地理解你的问题。

http://jsfiddle.net/tovic/EwNRJ/