使用Greensock JS和WordPress

时间:2013-12-12 02:46:34

标签: javascript wordpress greensock

检查各种教程/论坛网站,但无法解决这个问题我正在使用WordPress运行Greensock JS动画平台。

我已经启动并运行了一个WP站点,并将所有相关的(据我所见)GS文件链接如下:

function greensock_scripts()
{

wp_register_script( 'mytweenmax', get_template_directory_uri() . '/js/minified  /TweenMax.min.js');
wp_register_script( 'myeasepack', get_template_directory_uri() . '/js/minified/easing/EasePack.min.js');
wp_register_script( 'mycssplugin', get_template_directory_uri() . '/js/minified/plugins/CSSPlugin.min.js');
wp_register_script( 'mygsext', get_template_directory_uri() . '/js/greensock_ext.js');
wp_register_style( 'mygscss', get_template_directory_uri() . '/css/gs_styles.css');

wp_enqueue_script( 'mytweenmax' );
wp_enqueue_script( 'myeasepack' );
wp_enqueue_script( 'mycssplugin' );
wp_enqueue_script( 'mygsext' );
wp_enqueue_style( 'mygscss' );  
}
add_action( 'wp_enqueue_scripts', 'greensock_scripts' );

双重检查文件路径......一切OK。

greensock_ext.js包含我对脚本的调用:

window.onload = function(){
    var thebox = document.getElementById("mybox");
    TweenMax.to(thebox, 2, {left:"632px", delay:4});
}

样式正在运作:

#mycontainer{
width:600px;
height:50px;
background-color: #ccc;
}

#mybox{
width:20px;
height:20px;
background-color:#f00;
position:relative;


}

一切都很好,但不能发生任何动画:(

非常感谢任何建议。

湄公河

0 个答案:

没有答案