с использованием цветной коробки в плагине wordpress

Question

Я разрабатываю плагин wordpress, в котором мне нужно реализовать colorbox. У меня есть следующий код. Плагин работает отлично, но цветная коробка не работает. Я скопировал тот же код colorbox в html-файл и его работу. единственная проблема заключается в плагине wordpress. Либо я не импортирую js и css точно, или что-то другое не так. Нужна помощь в срочном порядке.

<?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'); 


?> 

Answer 1

Вы не загружая jQuery скрипт, который необходим ColorBox функционировать. Просто зарегистрируйте его перед тем, как вы зарегистрируете Colorbox.js.

wp_enqueue_script("jquery"); 

Answer 2

Ваш wp_enqueue_script неправ.

Вот параметры:

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

$deps (зависимости), являющийся JQuery, который включен в WordPress уже и вызываемые с помощью jquery НЕ 'jquery1'.

Ваш JavaScript неправильно, не используйте не обертку конфликта в WordPress, который jQuery вместо $

$(document).ready(function() Должно быть jQuery(document).ready(function()