wordpress 플러그인의 색상 상자 사용

-1

colorbox를 구현해야하는 WordPress 플러그인을 개발 중입니다. 다음 코드가 있습니다. 플러그인은 완벽하게 작동하지만 색상 상자가 작동하지 않습니다. html 파일과 작업에 동일한 colorbox 코드를 복사했습니다. 유일한 문제는 wordpress plugin에 있습니다. 나는 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 대신

$(document).ready(function()$입니다 워드 프레스,에 충돌 래퍼를 사용합니다. jquery가 포함되어 있지만 여전히 작동하지 않는 색상 상자가 포함 된 위의 코드를 참조하십시오. –

wp_enqueue_script이 잘못되었습니다.

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

$deps (종속성) jQuery를, 이미 존재 워드에 포함 jquery NOT 'jquery1'를 사용하여 호출된다

여기 파라미터이다. 자바 스크립트가 잘못

는 jQuery(document).ready(function()

출처

2012-03-07 07:11:46 Wyck

@ h_a86- 여기와이 내용입니다. – rgin

wordpress 플러그인의 색상 상자 사용

답변

관련 문제