使用Foreach循环将函数.php中的脚本入队的最好方法

时间：2015-07-28 作者：Ezeewei

我想知道有没有一种方法可以在foreach循环的帮助下运行wp\\u register\\u脚本并排队来管理label和dir？

例如

function wbs_app_components(){
$scripts_list=array(
            \'jquery\' => ToDir(\'/jquery/jquery.js\', $LIBRARY_DIR),
            \'bootstrap-jquery\' => ToDir(\'/bootstrap/js/bootstrap.js\', $LIBRARY_DIR),
    }
foreach ($scripts_list as $key => $value){
            // print_r($key);echo ("<br>");
            // print_r($value);echo ("<br><br><br>");
            wp_register_script($key,$value);
        }
}

add_action( \'wp_enqueue_scripts\', \'wbs_app_components\');
然而，有趣的是，似乎没有附加任何脚本，也没有报告错误！

我想知道是什么原因

2 个回复
最合适的回答,由SO网友:Pieter Goosen 整理而成

You need to enqueue the scripts as well, not only register them. You can, however, just simply enqueue a script without registering it if you are not going to enqueue it conditionally.

I would try something like this: (Untested and requires PHP5.4+)

add_action( \'wp_enqueue_scripts\', enqueue_scripts, 11 );
function enqueue_scripts()
{
    /**
     * Build an array of scripts to enqueue
     * key = script handle
     * value = path to the script without the get_template_directory_uri()
     */
    $scripts = [
        \'script-1\' => \'/script.1.js\',
        \'script-2\' => \'/js/script.2.js\',
        \'script-3\' => \'/subfolder/script.3.js\',
    ];
    foreach ( $scripts as $k=>$v )
        wp_enqueue_script( $k, get_template_directory_uri() . $v );
}

EDIT

As explanation to a comment to the answer, the add_action() call can go anywhere, it does not even needto be in the same template. It can go above or below the function declaration. I prefer to add the add_action() call above the function as this just makes more sense when you think about closures. When using closures, the code above will look something like this:

add_action( \'wp_enqueue_scripts\', function ()
{
    /**
     * Build an array of scripts to enqueue
     * key = script handle
     * value = path to the script without the get_template_directory_uri()
     */
    $scripts = [
        \'script-1\' => \'/script.1.js\',
        \'script-2\' => \'/js/script.2.js\',
        \'script-3\' => \'/subfolder/script.3.js\',
    ];
    foreach ( $scripts as $k=>$v )
        wp_enqueue_script( $k, get_template_directory_uri() . $v );
}, 11 );

So you see, it just makes more sense :-)

SO网友:MMK

如果您想单独将文件排队，请使用此代码并仍然能够注册它们（可能您也想在wards之后使用此代码），然后使用此代码：

$template_directory = get_template_directory_uri();
$array_of_js_files = array( 
    array(
        \'script_handle1\',
        $template_directory . \'/your_directory/file1.js\',
        array(), //any dependency your script has
        \'1.0.0\', // version number 1.0.0 is an example
        true // in footer or not
    ),
    array(
        \'script_handle2\',
        $template_directory . \'/your_directory/file2.js\',
        array(),
        \'1.0.0\',
        true
    )
);

$array_of_css_files = array( 
    array(
        \'css_handle1\',
        $template_directory . \'/your_directory/file1.css\',
        array(), //any dependency your css file has
        \'1.0.0\', // version number 1.0.0 is an example
        \'screen\' // media
    ),
    array(
        \'css_handle2\',
        $template_directory . \'/your_directory/file2.css\',
        array(),
        \'1.0.0\',
        \'screen\'
    )
);


foreach( $array_of_js_files as $data ){
    wp_register_script( $data[0], $data[1], $data[2], $data[3], $data[4] );
    wp_enqueue_script( $data[0] );
}

// to enqueue your script or css file later simply refer to your the handle you created

foreach( $array_of_css_files as $data ){
    wp_register_style( $data[0], $data[1], $data[2], $data[3], $data[4] );
    wp_enqueue_style( $data[0] );
}
请注意，上述代码未经测试，但应该可以工作。

结束
标签： functions   loop   wp-enqueue-script   php   wp-register-script   小码农  

相关推荐

如何为用户禁用profile.php？

I am using wordpress 4.2.2 and i am using buddypress latest version. I want all my users customize their profile at buddypress profile page. So i want to disable profile.php for the users. I hide the profile link from dashboard by the WP admin UI customiz