0

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

这是我认为最相关的部分代码：（该插件应该在开始时创建一个启动屏幕，其中 Vimeo 剪辑应该自动开始播放）。

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 代码。我怎样才能做到这一点？

亲切的问候约翰（现在很累）:)

4

1 回答 1

0

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

jQuery(function($) {
    $(".vimeo").colorbox({iframe:true, innerWidth:800, innerHeight:709, open: true});
});
于 2013-07-08T23:04:35.447 回答