如何在鼠标悬停时加载WordPress循环？

Question

我正在使用下拉导航菜单构建一个WordPress主题，该菜单可以加载每个类别中的五个最新帖子。为此，我为每个循环创建了单独的模板部件，一旦用户悬停在其导航菜单项上，就会出现这些部分。它应该像他们在http://www.theverge.com/

那样工作

但是，在交通拥挤的情况下，一次装载一切对于服务器来说会有点麻烦，不是吗？所以我只想在鼠标悬停时将每个模板部分加载到其父li项上。

以下是一些代码：

<ul>
<!-- First item -->
<li><a href="#">News</a>
    <ul class="inner">
        <?php get_template_part( 'loadheadlines' ); ?>
    </ul>
</li>
<!-- Second item -->
<li><a href="#">Features</a>
    <ul class="inner">
        <?php get_template_part( 'loadnews' ); ?>
    </ul>
</li>
</ul>

我该如何处理？我应该使用哪种脚本才能在鼠标悬停时加载<?php get_template_part( 'loadheadlines' ); ?>？ 我看到this thread，但我对如何使其在WordPress上运行感到困惑。而且，由于我是相当新手，我不得不问专业人士。我知道它应该是一个简单的，但我有点被困在这里。

先谢谢你抽出时间回答，伙计们。

Answer 1

好吧，要动态加载内容，您需要使用AJAX。

基本上，使用ajax执行javascript，然后执行服务器端代码（例如PHP中的wordpress循环），你将在异步中获得javascript中的结果。

一个好主意是按照本教程在这里使用AJAX与Wordpress一起使用，因为主题太宽泛而无法给出一个答案。

  

Getting Loopy – Ajax Powered Loops with jQuery and WordPress

     

在本教程中，我们为您在博客中创建AJAX交互提供了一个起点。本教程包括排队脚本，设置AJAX处理程序，如何在WordPress之外获取文件以使用WordPress函数和访问数据库，以及在用户页面滚动上加载帖子的逻辑。