WordPress插件和如何从js-file中获取？

Question

我正在学习构建自己的WordPress插件，它几乎可以工作了。

下面是我认为最相关的部分代码：(插件应该在start上创建一个闪屏，Vimeo-clip应该自动开始播放)。

define( 'COLORBOX_VERSION', '1.4.24' );
define( 'BVSSP_VIMEO_VERSION', '1.0' );
define( 'BVSSP_CSS_VERSION', '1.0' );

add_action( 'wp_enqueue_scripts', 'bvssp_colorbox_js' );

add_action('wp_footer', 'bvssp_data_display');

function bvssp_colorbox_js() {
    wp_register_style( 'bvssp-style', plugins_url('/css/colorbox.css',__FILE__), array(), BVSSP_CSS_VERSION );
    wp_enqueue_style( 'bvssp-style' );
    wp_enqueue_script( 'jquery' );
    wp_register_script( 'bvssp-colorbox', plugins_url('/js/jquery.colorbox-min.js',__FILE__), array('jquery','jquery-ui-sortable'), COLORBOX_VERSION );
    wp_enqueue_script( 'bvssp-colorbox' );
    wp_register_script( 'bvssp-vimeo', plugins_url('/js/bvssp-vimeo.js',__FILE__), array('jquery','jquery-ui-sortable','bvssp-colorbox'), BVSSP_VIMEO_VERSION );
    wp_enqueue_script( 'bvssp-vimeo' );
}

function bvssp_data_display() {
    echo '<a style="display:none;" class="vimeo" href="http://player.vimeo.com/video/67189599?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autoplay=1">vimeo</a>';
}

我遇到的问题是在bvssp-vimeo.js中找到的内容没有执行。下面是该文件中的内容：

<script>
    jQuery(document).ready(function($) {
        $(".vimeo").colorbox({iframe:true, innerWidth:800, innerHeight:709, open: true});
    });
</script>

如果我将这个文件中的代码直接粘贴到主题中，一切都会正常工作。但是我想要执行文件中的JS代码。我该怎么做呢？

亲切地问候约翰(现在很累了) :)

Answer 1

不要在javascript文件中使用HTML标记：

jQuery(function($) {
    $(".vimeo").colorbox({iframe:true, innerWidth:800, innerHeight:709, open: true});
});