在wordpress中调用2个不同的function.js文件,具体取决于页面

时间:2014-06-23 17:21:10

标签: javascript php wordpress

我正在尝试找到如何根据页面加载2个不同的function.js。

在“home”上,我想加载“function_2.js”,在我网站的其他页面上加载原始的“function.js”。

我需要在function.php中更改一些内容,但我无法弄清楚是什么......

任何人都可以帮我这个吗?

非常感谢

2 个答案:

答案 0 :(得分:0)

Check current URL

获取handle_script()函数中的当前URL,并根据路径将function.js或function_2.js添加到脚本变量中。

答案 1 :(得分:0)

代码加载脚本的方式是错误的。 wp_enqueue_scripts是在前端排队脚本和样式的合适钩子,这是在加载脚本时如何设置条件的一般方法。

add_action( 'wp_enqueue_scripts', 'load_frontend_scripts' );
function load_frontend_scripts() {      
    if ( is_home() ) {
        // load scripts and styles for home page
    } else {
        // load scripts and styles for pages other than home page
    }
    // load scripts and styles for all pages        
}

wp_enqueue_script是用于排队的正确函数。这是函数的一般用法。

wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );

在您的情况下,例如,对于navigate.js脚本替换:

  • 'script-name''navigate'
  • '/js/example.js''/_/js/navigate.js'

,获得:

wp_enqueue_script( 'navigate', get_template_directory_uri() . '/_/js/navigate.js', array(), '1.0.0', true );

,并将其置于满足要求的条件块内。