【问题标题】: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)"
      })
    }
  }
});

【问题讨论】:

标签: javascript jquery wordpress


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-23
    • 1970-01-01
    • 2019-09-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多