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

在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【WordPress Sage（如何在特定的单个或存档CPT页面上触发JS（））】在你希望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’ 。