Question

我想在每个页面中使用我的小部件，但这仅适用于主页。我现在还在当地。我在footer.php中编写我的脚本，然后在身体结束之前写道：

<script type="text/javascript" src="wp-content/themes/twentyfourteen/js/formlist.js"></script>

我已经看到，当我不在主页上时，当我使用开发工具进行检查时，我的脚本.js是红色的并且没有很好地导入。我该怎么做？

Answer 1

您必须在主题中正确排入Javascript，例如：

  function theme_name_scripts() {
        wp_enqueue_style( 'style-name', get_stylesheet_uri() );
        wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
    }

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

还有其他方法，具体取决于您的脚本是否使用主jQuery库和其他注意事项。有关使用wp_enqueue_style的所有使用方法的信息，请参阅Function Reference/wp enqueue script « WordPress Codex。

使用您的开发工具检查错误并正确加载。

Answer 2

尝试像这样调用你的脚本：

<script src="<?php echo get_template_directory_uri();?>/js/formlist.js"></script>

如果您在主页上，wp-content/themes/twentyfourteen...可能会正常工作。但是说你在yoursite.com/about，然后它认为javascript文件的网址是yoursite.com/about/wp-content/themes/twentyfourteen...

有意义吗？

Wordpress小部件中的Javascript仅适用于主页

2 个答案: