wordpressプラグインのカラーボックスを使用

Question

私はcolorboxを実装する必要があるwordpressプラグインを開発しています。私は次のコードを持っています。プラグインは完全に機能しますが、カラーボックスは機能しません。私はhtmlファイルとその作業に同じcolorboxコードをコピーしました。唯一の問題は、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

Colorboxが機能するために必要なスクリプトjQueryはロードされていません。エンキューする前にエンキューしてください。Colorbox.js

wp_enqueue_script("jquery"); 

Answer 2

が間違っています。

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

$deps（依存）のjQueryを、あること、既にワードプレスに含まれており、jqueryませ'jquery1'を使用して呼び出されます。

はここでパラメータです。

あなたのJavaScriptは、ワードプレスには、競合ラッパーを使用していない、間違っているjQuery代わりの$

$(document).ready(function()であるが、私はあなたの提案を使用してファイルを変更したともjqueryのが含まれているjQuery(document).ready(function()