在 link 上单击在同一页面的 div 中显示 post 内容

Question

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

我使用了 Erik 的代码，所有其他 link 现在都在做我想让他们做的事。但不是第一个。代码现在看起来像这样：

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

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

哦，有没有办法给它一个 return false 这样 #1 就不会显示在顶部 URL？

原题

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

我在 wordpress 中用我自己的主题设置了这个概览页面。在此页面中，我列出了一些自定义 post 类型，所有类型都有一个 post（因此有内容和内容）。

自定义 post 类型的列表都是这些 CPT 的 post 页面的 link。这一切都正常工作。

但是，我想要做的是在同一页面右侧的 div 中打开这些 link。并在用户点击相应的 link.

时显示它们

我试过使用工具提示，但这并没有给我 post 和缩略图的内容。

CPT 的 link 是在 wordpress 本身的类别 template.php 中创建的。我这样编辑 links：

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

现在它为这些 link 打开一个 fancybox，但我不想在 fancebox 中打开所有 CPT。所以这对我来说不是一个选择。

Javascript 还是 php？任何人...

提前致谢

Answer 1

But, what I am trying to do is have these links open in a div on the right side of the same page. And have them show up when a user clicks on the corresponding link.

是否可以选择在您加载页面时加载所有这些 link？因此，一旦页面加载完毕，您就可以隐藏默认情况下不想显示的 div link，例如 css。

并且当用户点击相应的 link 时，您可以在 div 中显示 link。在那种情况下，您不必进行任何 AJAX 调用或其他任何操作。您可以使用 javaScript:

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

如果我明白你的问题。

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

在 link 上单击在同一页面的 div 中显示 post 内容

On link click show post content in div on same page

wordpress

wordpress-theming