WordPress插件以及如何從js文件中獲取？

我正在學習構建自己的WordPress插件，它幾乎可行。WordPress插件以及如何從js文件中獲取？

下面是我認爲最相關的代碼的一部分：（該插件應該在開始時創建一個閃屏，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代碼。我怎樣才能做到這一點？

親切的問候約翰（現在很累）:)

來源

2013-07-08 Johan Ndiyo Linnarsson

你會發現好的材料在['<插件開發> WPSE上的']（http://wordpress.stackexchange.com/questions/tagged/plugin-development?sort=votes&pagesize=50）標籤。 – brasofilo

謝謝！我會檢查出來的！ :) –

不要在JavaScript文件中使用HTML標記：

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

來源

2013-07-08 23:04:35 skiplecariboo

啊哈，這很容易！非常感謝你的滑雪！ :) –

WordPress插件以及如何從js文件中獲取？

回答

相關問題