个性化阅读
专注于IT技术分析

WordPress Sage:如何在特定的单个或存档CPT页面上触发JS?

点击下载

在WordPress Sage的main.js中, 我们可以运行页面特定的JS:

var Sage = {
  // All pages
  'common': {
    init: function() {
      // JavaScript to be fired on all pages
    }, finalize: function() {
      // JavaScript to be fired on all pages, after page specific JS is fired
    }
  }, // Home page
  'home': {
    init: function() {
      // JavaScript to be fired on the home page
    }, finalize: function() {
      // JavaScript to be fired on the home page, after the init JS
    }
  }, // About us page, note the change from about-us to about_us.
  'about_us': {
    init: function() {
      // JavaScript to be fired on the about us page
    }
  }
};

但是, 如何在特定的单个或存档CPT页面上运行JS?


#1


在你希望JS触发的页面/帖子/档案的正文中检查类名, 并使用其中之一。例如, 如果你有一个名为” work”的自定义帖子类型, 则工作档案正文元素将具有一类post-type-archive-work。你可以用来触发特定的JS, 如下所示:

  // Note the change from about-us to about_us.
  'post_type_archive_work': {
    init: function() {
      // JavaScript to be fired on the 'work' archive
    }
  }

有关更多信息, 请查看Paul Irish的帖子


#2


乔什·埃利斯(Josh Ellis)的回答是正确的, 但有一点澄清。类路由器具有以下方法:

/**
* Fire Router events
* @param {string} route DOM-based route derived from body classes (`<body class="...">`)
* @param {string} [event] Events on the route. By default, `init` and `finalize` events are called.
* @param {string} [arg] Any custom argument to be passed to the event.
*/
fire(route, event = 'init', arg) {
  const fire = route !== '' && this.routes[route] && typeof this.routes[route][event] === 'function';
  if (fire) {
    this.routes[route][event](arg);
  }
}

使用身体上的任何类。例如:Sage 9的’teams-template-default single single-teams’=>’single_teams’或’singleTeams’。

赞(0)
未经允许不得转载:srcmini » WordPress Sage:如何在特定的单个或存档CPT页面上触发JS?

评论 抢沙发

评论前必须登录!