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

How to load a WordPress loop on mouseover?

本文关键字：加载 WordPress 循环 悬停 鼠标      更新时间：2023-09-26

我正在构建一个带有下拉导航菜单的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' ); ?>？我看到了这个线程，但我对如何让它在WordPress上工作有点困惑。而且，由于我是新手，我不得不问专业人士。我知道这应该很容易，但我有点被困在这里。

提前感谢您抽出宝贵时间回答，伙计们。

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

本质上，使用ajax，您可以执行javascript，而javascript又将执行服务器端代码（例如PHP中的wordpress循环），并且您将异步在javascript中获取结果。

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

Getting Loopy – Ajax Powered Loops with jQuery and WordPress

在

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

相关文章：