如何使此代码仅在 WordPress 网站的主页上运行？ [复制]答案

【问题标题】：How can I make this code only work on the main page of a WordPress site? [duplicate]如何使此代码仅在 WordPress 网站的主页上运行？ [复制]
【发布时间】：2019-03-06 03:23:04
【问题描述】：

如何使此代码仅在 WordPress 网站的主页上运行？

jQuery(document).ready(function($) {
  var scrolled;
  window.onscroll = function() {
    scrolled = window.pageYOffset || document.documentElement.scrollTop;

    if (scrolled > 400) {
      $(".mega-menu-link").css({
        "color": "rgba(102,102,102,0.85)"
      })
    }

    if (400 > scrolled) {
      $(".mega-menu-link").css({
        "color": "rgba(255,255,255,0.8)"
      })
    }
  }
});

【问题讨论】：

那么只在主页包含它？
提供更多细节，比如js代码在哪里，你尝试了什么等等
Run Specific Js on Specific page Wordpress 或 WordPress load script only on homepage 的可能重复项。
另见Most efficient way to add javascript file to specific post and/or pages?和Wordpress Enqueue for homepage only。

标签： javascript jquery wordpress

【解决方案1】：

仅在主页上包含脚本的一种方法是将代码放入文件中并在页眉或页脚中使用if 条件。如上所述，您也可以仅将代码包含在主页中。

<?php if(is_front_page()){?>
    <script src="your_script.js"></script>  
<?php } ?>

【讨论】：