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

更新：第一项无效。我知道Java从0到X计数。

我使用了Erik的代码, 现在所有其他链接都可以执行我希望他们执行的操作。但不是第一个。现在的代码如下所示：

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

即使我将$ num = 1设置为也不会在第一个项目中注册…在两侧, 因此左侧的链接和右侧的内容…

哦, 有没有给它返回false的方法, 所以＃1不会显示在顶部URL中？

原始问题

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

我使用自己的主题在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>'; 

现在, 它为这些链接打开了一个花式框, 但是我不想在花式框中打开所有的CPT。所以这不是我的选择。

JavaScript还是PHP？任何人…

提前致谢

#1

但是, 我想做的是在同一页面右侧的div中打开这些链接。并在用户单击相应链接时显示它们。

加载页面时是否已经加载所有这些链接不是一种选择吗？因此, 一旦页面加载完毕, 你就可以隐藏默认情况下不想显示的div链接, 例如css。

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

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

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

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