0

我为 wordpress 插件创建了一个代码,以在 head 中包含文件。我没有很好的知识,但在谷歌搜索后我创建了它....但确保代码不正确

add_action ('init', 'ajp_header_init');
add_action('wp_head','ajp_instance_code');
//This function includes the required css and js files
function ajp_header_init()
{
if ($directories[count($directories)-1] == 'mu-plugins' )
define ('AJP_PLUGIN_URL', content_url().'/'.$plugin_dir);
else
define ('AJP_PLUGIN_URL', rtrim(content_url().'/plugins/'.plugin_basename(dirname(__FILE__)), '/'));
wp_register_script('Jquery Adaptive Plugin',AJP_PLUGIN_URL.'/lib/jquery.adaptivate.min.js',false);
wp_register_script('Jquery Adaptive Plugin',AJP_PLUGIN_URL.'/lib/jquery.adaptivate.js',false);
wp_register_style('Jquery Adaptive Style',AJP_PLUGIN_URL.'/css/adaptive.css',false);
wp_enqueue_script('jquery');
wp_enqueue_script('Jquery Adaptive Plugin');
wp_enqueue_style('Jquery Adaptive Style');
}

function ajp_instance_code()
{
echo"
<script type='text/javascript'>
$('html').adaptivate({
'widths': [240, 320, 480, 640, 768, 960, 1024, 1280, 1440, 1600, 1920, 2400],
'format': 'width_{operator}_{width}',
'orientationFormat': 'orientation_{orientation}'
});
</script>
";
4

2 回答 2

1

为什么你确定代码不正确?什么不工作?您收到了哪些错误信息?请阅读有关提问的指南。

一些技巧。

  • wp_register_script / style的 slug应该是 - 将它们放在小写中并将空格交换为 -
  • 默认情况下,jQuery 以 noConflict 模式加载(有充分的理由)。这意味着您应该使用 'jQuery' 而不是 '$' 作为选择器。
  • 通常最好将您的脚本放在他们自己的文件中并像其他人一样将它们排入队列(这消除了对 wp_head 调用的需要。
于 2013-06-14T07:30:50.300 回答
0

我建议您阅读此页面以获得正确的脚本实现,并尝试使用此代码来定义路径:

plugins_url('lib/jquery.adaptivate.min.js',__FILE__)

这是一个用于 colorbox 脚本实现的插件文件示例:

add_action( 'wp_enqueue_scripts', 'load_colorbox' );
function load_colorbox() {
    wp_register_script('jquery-colorbox', plugins_url('js/jquery.colorbox-min-1.4.17.js',__FILE__),array( 'jquery' ),false,true);
    wp_enqueue_script('jquery-colorbox-handler', plugins_url('js/jquery.colorbox-handler.js',__FILE__),array( 'jquery-colorbox' ),false,true);
    wp_enqueue_style('jquery-colorbox-style-theme', plugins_url('css/theme5/colorbox.css', __FILE__) );
}
于 2013-06-14T09:29:04.683 回答