Question

我正在学习构建自己的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代码。我怎么能这样做？

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

Answer 1

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

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

WordPress插件以及如何从js文件中获取？

1 个答案: