Question

我一直在尝试将wordd.js插件添加到其中一个wordpress主题中。

我把typed.js放在＆＃34; js＆＃34;主题文件夹中的文件夹。然后我编辑了主题文件夹中的functions.php并添加了：

function typed_script_init() {
    wp_enqueue_script( 'typedJS', get_template_directory_uri() . '/js/typed.js');
}

add_action('wp_enqueue_scripts', 'typed_script_init');

add_action('wp_enqueue_scripts', 'typed_init_in_footer');

function typed_init_in_footer() {
        add_action('print_footer_scripts', 'typed_init');
    }
function typed_init() { ?>
    <script type="text/javascript">
            $(function(){
                $("#typed").typed({
                    strings: ["Are you Interested?"],
                    typeSpeed: 20
                });
            });
    </script>
<?php }

我的主题中有一节：

<h1>
    <span id="typed"></span>
</h1>

当我启动wordpress页面时，它不起作用。我已经坐了几乎3个小时阅读关于在wordpress中包含javascript的在线教程，但仍然没有。

有没有人可以帮助我？谢谢你们！

Answer 1

执行此操作的正确方法是（1）将jQuery包含为依赖项（如果您已包含jQuery，则无法提及），（2）使用noConflict wrappers：

function typed_script_init() {
    wp_enqueue_script( 'typedJS', get_template_directory_uri() . '/js/typed.js', array('jquery') );
}
add_action('wp_enqueue_scripts', 'typed_script_init');

function typed_init() {
    echo '<script type="text/javascript">
            (function($){
              // The `$` jQuery shortcut is now available to you
              $(function(){
                $("#typed").typed({
                  strings: ["Are you Interested?"],
                  typeSpeed: 20
                });
              });
            })(jQuery);
          </script>';
}
add_action('wp_footer', 'typed_init');

我已将脚本添加到wp_footer操作挂钩...但最好将这些脚本放在外部JS文件中，并将它们排入wp_enqueue_scripts， typedJS作为依赖。

在wordpress中包含typed.js.

1 个答案: