Question

我需要帮助！

有人可以从头到尾告诉我如何将jquery插件脚本添加到我的wordpress网站吗？

我是Jquery的新手，我上周搜索了网页。我已经好几次尝试过，它只是不起作用。我在其他论坛上寻求帮助，但我没有收到任何答案。这件事很简单吗？

只是为了让你知道，我需要一步一步的指示。只是当我在论坛上提出有关此问题的问题时，人们会给我答案并假设我已经知道某些事情......我是jquery的初学者，我需要帮助添加jquery脚本的每一步，从头到尾。

我想添加的脚本在这里：

http://tympanus.net/codrops/2010/03/09/a-fresh-bottom-slide-out-menu-with-jquery/

我想在我正在使用的主题中将其添加到我的主页上。

1）如何调用jquery（wp_enqueue_script） 2）我在哪里放置（上图） 3）CSS - 我只是将脚本中的css附加到我的style.css文件中吗？ 4）如何在wordpress页面上调用脚本来执行操作？ 5）如何合并html？

这些是我的一些问题。我一直在网上搜索，通常人们认为人们知道如何将javascript库合并到他们的主题中......好吧我们一些初学者需要帮助： - ）

感谢任何帮助！

感谢!!!

〜Ť

Answer 1

您链接的幻灯片菜单包含图片，样式表，jQuery库的缩小版本以及包含菜单javascript的index.html。

您下载的存档中包含的jQuery不是必需的，因为jQuery默认包含在wordpress中。如果你想将最新的缩小jQuery添加到WP，可以从你的 functions.php 中的google库中添加，如下所示：

function jq_load_from_google() {
    if (!is_admin()) {
        wp_deregister_script( 'jquery' );
        wp_register_script( 'jquery',
            'https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js');
        wp_enqueue_script( 'jquery' );
    }
}
add_action('init', 'jq_load_from_google');

您可以将css附加到现有样式表或（如下例所示）将其单独添加到主题中。将样式表重命名为menu.css（或类似名称），将图像和样式表放在themes / css和/ images文件夹中，并将以下内容添加到主题的 header.php 之前 wp_head()并在您的主样式表之后：

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/menu.css" type="text/css" />

将下载的 index.html 中包含的javascript（包含代码不 jQuery行的第二个脚本）添加到主题的 header.php < / em> 之后 wp_head()。

将js中的所有出现#menu更改为您的wordpress菜单的ul的ID。

Answer 2

有关详细信息和示例，请参阅WP文档：http://codex.wordpress.org/Function_Reference/wp_enqueue_script

使用Firebug查找错误和冲突：http://getfirebug.com/

Wordpress，Jquery，wp_enqueue_script

2 个答案: