我正在我的一个WordPress页面上设置jQuery UI，该页面使用自定义模板（course landing page.php）。我以正确的方式将脚本排入jQuery UI的队列，但我需要在脚本之后添加一个JavaScript片段，以便在页面上注册选项卡。

这是我函数中的代码。php文件如下所示：

    wp_enqueue_script( \'jquery2\', \'//code.jquery.com/jquery-1.10.2.js\', array( \'jquery\' ), \'1.10.2\', false );

wp_enqueue_script( \'jqueryui\', \'//code.jquery.com/ui/1.11.4/jquery-ui.js\', array( \'jquery\' ), \'1.11.4\', false );


// Add the jQuery \'tabs\' code to pages that use the \'course-landing-page.php\' template

add_action(\'wp_enqueue_scripts\',\'jQuery_UI_Tabs\');
function jQuery_UI_Tabs(){
    if ( is_page_template(\'course-landing-page.php\') ) {
        echo \'<script>
                $(function() {
                    $( "#tabs" ).tabs();
                });
            </script>\';

    }

它工作得很好，只是JavaScript片段显示在排队的jQuery UI脚本之前，因此会导致选项卡无法正常工作。如何使代码段显示在标头中排队的脚本之后？

add_action( \'wp_head\', \'jQuery_UI_Tabs\' );
function jQuery_UI_Tabs() {
if ( is_page_template(\'course-landing-page.php\' ) ) {
    echo\'<script>
            $(function() {
                $( "#tabs" ).tabs();
            });
        </script>\';
}