仅在一个页面/帖子中使用jQuery插件

时间:2012-12-06 作者:FZNB

我已经看过了抄本中的所有文档,但我做错了,因为它不起作用!

我想实现这个jQuery插件(https://github.com/davidcrawford/typist-jquery) 在我的欢迎页面中(www.english.intermediavs.com).

我在函数中添加了此代码。php:

function my_typist() {
    if (!is_admin()) {

        wp_enqueue_script(\'jquery\');

        wp_enqueue_script(\'jquery.typist\', get_bloginfo(\'template_url\') . \'/wp-includes/js/jquery.typist.js\', array(\'jquery\'), \'1.0\', true);
    }
}
add_action(\'init\', \'my_typist\');
我还使用html原始插件在“欢迎页面”中介绍了这段代码:

<!--raw-->
<script type="text/javascript" src="<?php bloginfo(\'template_url\'); ?>/wp-includes/js/jquery.typist.js">
jQuery(document).ready(function($) {

$(\'#terminal\').typist({
  height: 300
});

$(\'#terminal\').typist(\'prompt\')
  .wait(1500)
  .typist(\'type\', \'greet\')
  .typist(\'echo\', \'Hello, world!\')

});
</script>
<!--/raw-->
PS:我正在使用插件使用谷歌库。

链接:http://codex.wordpress.org/Using_Javascript

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

2 个回复
最合适的回答,由SO网友:Pontus Abrahamsson 整理而成

如果您只想在一个页面上使用库“jquery.typist”,您可以通过条件is_page() 但是,如果您想在多个页面上使用它,您应该将所有js文件缩小为一个页面,然后压缩并缓存它。最好使用一个压缩和缓存的js文件,而不是使用许多单个文件。

而且看起来您已经将文件放入了/wp-includes/js?它应该位于主题根文件夹中。

假设你的结构是主题/神话。在神话中,你应该有一个js文件夹。如果是这样,代码可能如下所示:

function wpse_75149() {
    // add  the id on the page whare you want the script
    if ( is_page(\'123\') ) {

        wp_enqueue_script(\'jquery\');

        wp_enqueue_script(\'jquery.typist\', get_template_directory_uri() . \'/js/jquery.typist.js\', array(\'jquery\'), \'1.0\', true);
        wp_enqueue_script(\'custom-script\', get_template_directory_uri() . \'/js/myscript.js\', array(\'jquery\');
    );
    }
}
// load js in footer 
add_action(\'wp_footer\', \'wpse_75149\');
创建一个名为myscript的js文件。在主题/js文件夹中添加js并添加:

jQuery(document).ready(function($) {

$(\'#terminal\').typist({
  height: 300
});

$(\'#terminal\').typist(\'prompt\')
  .wait(1500)
  .typist(\'type\', \'greet\')
  .typist(\'echo\', \'Hello, world!\')

});
http://codex.wordpress.org/Function_Reference/is_page - 有条件在右侧页面上打印脚本http://codex.wordpress.org/Function_Reference/wp_enqueue_script - 如何加载脚本

SO网友:Steve Claridge

您没有指定JS文件的正确位置。您的文件位于:

http://www.english.intermediavs.com/wp-includes/js/

但这个:

获取\\u bloginfo(\'template\\u url\')。\'/wp包括/js/jquery。打字员js\'

不会链接到该主题,它会尝试加载当前主题目录中的wp includes文件夹,您希望这样:

home_url()/wp包括/js/jquery。打字员js\'

结束

相关推荐

WP不允许我在博客上发布Macintosh.Pages文档

说到网站开发,我完全是新手,因此,如果你能给我一个答案,请你用外行的话解释一下。我的问题是:我刚刚用创建了一篇博客文章。本文档包括插图和预选设计布局以及几页内容。我认为这只是WP不承认格式的问题。当我转到帖子并尝试添加时。页面文档与媒体上载我收到此消息。。。很抱歉,出于安全原因,不允许使用此文件类型当我只是将每个页面分别复制和粘贴到帖子中时,它的浏览效果很好,但当我发布和更新帖子时,材料仅被视为带有问号的蓝色正方形。我读到过其他人遇到的类似问题,但它涉及多个站点,我不认为我的网页是多站点的。见www.su