0

我正在构建一个带有下拉导航菜单的 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 上工作有点困惑。而且，由于我是新手，我不得不问专业人士。我知道这应该很容易，但我有点卡在这里。

提前感谢您花时间回答，伙计们。

4

1 回答 1

2

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

本质上，使用 ajax，您执行 javascript，这将依次执行服务器端代码（例如 PHP 中的 wordpress 循环），您将在 javascript 中异步获得结果。

一个好主意是按照本教程在此处使用 AJAX 和 Wordpress，因为该主题过于广泛，无法给出一个答案。

变得 Loopy – 使用 jQuery 和 WordPress 的 Ajax 驱动的循环

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

于 2013-11-05T11:41:09.130 回答