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

Question

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

我使用了 Erik 的代码，所有其他链接现在都可以按照我的意愿进行操作。但不是第一个。代码现在看起来像这样：

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

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

哦，有没有办法给它一个return 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？任何人...

提前致谢

Answer 1

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

在加载页面时加载所有这些链接不是一个选项吗？因此，一旦页面加载完毕，您将默认隐藏不想显示的 div 链接，例如使用 css。

并且当用户点击相应的链接时，可以在 div 中显示链接。在这种情况下，您不必执行任何 AJAX 调用或其他任何操作。你可以用 javaScript 做到这一点：

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

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

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