wordpress PHP合并js,在WordPress函数文件中包含JS(使用PHP)的最佳实践

我正在构建一个自定义的WordPress主题,并有一个关于WordPress和Functions.php的快速问题

我有500行jQuery运行我的自定义主题管理面板的一部分. jQuery代码位于我的functions.php文件中,在显示自定义管理菜单页面时调用.

理想情况下,我想将JavaScript移出functions.php文件并使用wp_register_script wp_enqueue_script,但我也有一些PHP代码与脚本混合在一起.见下文：

//Function that Provides Options within the Menu Page

function quz_custom_theme_options(){

global $quz_default_colors, $quz_default_fonts;

?>

<?php include('admin-style.php'); ?>

';

function asf_toggle_box(element)

{

if (jQuery(element).next('.expandable').is(':visible') )

{

jQuery(element).next('.expandable').fadeOut('slow', function(){

jQuery(element).val('+ Settings');

jQuery(element).next('.expandable').find('.indicator').val('');

});

} else {

jQuery(element).next('.expandable').fadeIn('slow', function(){

jQuery(element).val('- Settings');

jQuery(element).next('.expandable').find('.indicator').val('visible');

});

}

}

PHP内部的例子

function quz_reset_colors(t)

{

var theme_name = jQuery(t).attr('id').substr(6);

var color_fields = jQuery(t).parent().find('div.color_admin_area').find('.color-input-wrap > input[type="text"]');

// jQuery(color_fields).css('border', '1px solid red');

// console.log(color_fields);

var colors = new Array();

foreach ($quz_default_colors as $key => $value)

{

echo 'var ary = new Array(\'' . implode('\',\'', $value) . '\');' . "\r\n";

echo 'colors[\'' . $key . '\'] = ary;' . "\r\n";

}

?>

jQuery(color_fields).each(function(index, elem){

jQuery(elem).val(colors[theme_name][index]);

});

处理这个问题的最佳方法是什么？我应该把所有的JS放在一个单独的php文件中并使用include(‘my_script.php’);就像我在上面的陈述中使用CSS一样？

我有多种方法可以完成这项工作,但我想以最好的方式做到这一点.思考？