在wordpress插件中使用顏色框

-1

我正在開發一個wordpress插件，其中我需要實現colorbox。我有以下代碼。插件工作正常，但顏色框不起作用。我已經將相同的colorbox代碼複製到一個html文件及其工作。唯一的問題是在wordpress插件。要麼我沒有完全導入js和css，要麼其他任何東西都出錯了。急需幫助。在wordpress插件中使用顏色框

<?php 

/* 
Plugin Name: my plugin 
Plugin URI: http://www.xxx.com/ 
Description: xxx 
Author: xxx 
Version: 1.0 
Author URI: http://www.xxx.com 
*/ 


wp_enqueue_style('colorbox.css', '\wordpress\wp- 
content\plugins\calc_plugin\colorbox.css'); 
wp_enqueue_script('jquery.js', '\wordpress\wp-content\plugins\calc_plugin\jquery.js', 
array('jquery1')); 
wp_enqueue_script('colorbox.js', '\wordpress\wp- 
content\plugins\calc_plugin\colorbox.js', array('jquery2')); 

function calc_form_markup() { 
$markup = <<<EOT 




<script> 
$(document).ready(function(){ 
$(".inline").colorbox({inline:true, width:"600", height:"450"}); 
}); 
</script> 


<div style='display:none' > 

<div id='inline_content1' style='padding:10px; background:#fff;'> 
<p><strong>This is inline content 1</strong></p> 
<image src = "http://wallpaper.goodfon.com/image/240138-1360x768.jpg" width = "175"  
height = " 150"> 
</div> 

</div> 

<p><a class='inline' href="#inline_content1">Inline HTML</a></p> 

EOT; 

return $markup; 

} 

add_shortcode('calc_form', 'calc_form_markup'); 


?>

來源

2012-03-07 h_a86

您未加載Colorbox需要的jQuery腳本才能正常工作。在排入隊列之前將其排入隊列Colorbox.js。

wp_enqueue_script("jquery");

來源

2012-03-07 06:32:26 ronakg

我已經改變了文件，您的建議，已經包括了jQuery也。請看上面的代碼現在它包含jquery，但colorbox仍然不能正常工作 – 2012-03-07 07:02:59

您的wp_enqueue_script是錯誤的。

下面是參數：

wp_enqueue_script( 
    $handle 
    ,$src 
    ,$deps 
    ,$ver 
    ,$in_footer 
);

的$deps（依賴性）爲jQuery的，它包括在WordPress已經使用jquery NOT 'jquery1'調用。

目前JavaScript是錯誤的，用在WordPress，這是jQuery，而不是$

$(document).ready(function()一個沒有衝突的包裝應該是jQuery(document).ready(function()

來源

2012-03-07 07:11:46 Wyck

@ h_a86-這個和這個。 – rgin 2012-03-07 07:17:44

在wordpress插件中使用顏色框

回答

相關問題