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

Javascript in Wordpress widget works only on Home page

本文关键字：适用于 主页 Javascript 小部 Wordpress      更新时间：2024-04-22

我想在每个页面中使用我的小部件，但这只适用于主页。我现在还在当地。我在正文末尾之前用footer.php编写脚本，如下所示：

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

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

您必须正确地将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的所有方法的信息，请参阅函数参考/wp入队脚本«WordPress Codex。

并使用开发工具检查错误并更正加载。

试着这样调用脚本：

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

如果您在主页上，wp-content/themes/twentyfourteen...可能会正常工作。但是假设你在yoursite.com/about上，那么它认为javascript文件的URL是yoursite.com/about/wp-content/themes/twentyfourteen...

有道理吗？

相关文章：