很多时候，我们需要在一些特定的页面添加 js/css，这一次试试用 wp_footer 钩子的方法吧。有时候，一些代码需要添加到一个指定的页面，而不是全局。这时，可以使用一个 wp_footer 钩子，再结合 is_page 进行页面判断，将指定代码写到页面底部。
- function custom_script() {
- if (is_page('page-slug')) {
- ?>
- <script type="text/javascript">
- $(document).ready(function(){
- ....
- });
- </script>
- <?php
- }
- }
- add_action( 'wp_footer', 'custom_script' );
JS 脚本文件或 css 样式文件
如果要在一个指定页面中，引用一个指定的脚本文件，可以这么写：
- function custom_js() {
- // child theme: use get_stylesheet_directory_uri() instead of get_template_directory_uri()
- wp_register_script('scrollTo', get_stylesheet_directory_uri() . '/jquery.scrollTo.min.js', array('bootstrap'), '01', true);
- if (is_page('publications')) {
- wp_enqueue_script('scrollTo');
- }
- }
- add_action( 'wp_enqueue_scripts', 'custom_js' );
如果是样式文件，则使用 wp_enqueue_style 函数。
通过 enqueue 或其它方式在 WordPress 中添加一些 js 代码后，控制台报错”TypeError: $ is not a function” 。这是一个很常见的问题。
解决方法，需要将$替换为 Jquery，即：
- jQuery(document).ready(function($){
- $("#buttonName").onclick ....
- })
- jQuery('#btn').click(function() {
- console.log('ok');
- });
溫馨提示：
文章標題：WordPress 开发在指定页面添加js/css代码
文章連結：https://www.wuyanshuo.cn/279.html
更新時間：2022年3月21日
1、本站所有資源均不添加推廣檔案或浮水印，壓縮包內若有廣告檔案和浮水印請勿輕易相信。
2、本站資源均為兩層壓縮，第一層7z（尾碼若為wys，請自行修改為7z）有解壓密碼； 第二層zip或cbz，無解壓密碼，可直接使用漫畫類軟件程式查看； 詳情可參攷解壓教程。
3、本站大部分內容均收集於網絡！ 若內容侵犯到您的權益，請發送郵件至：admin#wysacg.top我們將第一時間處理！ 資源所需價格並非資源售賣價格，是收集、整理、編輯詳情以及本站運營的適當補貼，並且本站不提供任何免費技術支援。 所有資源僅限於參攷和學習，版權歸原作者所有！
