아약스가있는 Wordpress 메타 박스

Question

이번에는 wp_ajax를 호출하는 wordpress meta_box를 추가 할 것입니다.

시도했지만 작동하지 않습니다.

add_action('add_meta_boxes', 'add_custom_meta_box', 'post_type'); 

    function add_custom_meta_box($post_type) { 
     if ($post_type == 'minisites') { 
      add_meta_box('sections_meta_box', 'Add Section', 'show_custom_meta_box'); 
    //  echo Utils::createStructureBox(); 
     } 
     if ($post_type == 'sections') { 
      add_meta_box('sections_structure_box', 'Section Structure', 'show_section_structure_box'); 
     } 

    } 

    function show_custom_meta_box() { 
     echo Utils::createSelect(); 
     echo Utils::includeScripts(); 
    } 

    function show_section_structure_box() { 
     echo "Done"; 
    } 

    add_action('wp_ajax_addStructureBox', 'addStructureBox'); 

    function addStructureBox() { 
     add_custom_meta_box('sections'); 
    } 

및 JQuery와는

$(document).ready(function() { 
    $('.addSection').on('click', function() { 
     var selectedSection = $('#sections option:selected').text(); 
     $.post(ajaxurl, {action: 'addStructureBox', section: selectedSection}, function (data) { 
      alert(data); 
     }); 
    }); 
}); 

이 좋아 보이지만 addStructureBox에 add_custom_meta_box를 호출하지 분명히 작동하지.

어떤 아이디어가 있습니까? HTML 코드

public static function createSelect() { 
    $sections = get_posts(array(
     'post_type' => 'sections') 
    ); 
    $html = '<select id="sections" name="item[]">'; 
    foreach ($sections as $section) { 
     $html .= '<option value="' . $section->ID . '">' . $section->post_title . '</option>'; 
    } 
    $html .= '</select><br><br>'; 
    $html .= '<input type="button" class="button button-primary button-large addSection" id="add" value="Add"></button>'; 
    return $html; 
} 

편집 : 스크린 샷

Answer 1

사용자 정의 아약스 메타 박스 Ajax를 사용하여 아래 사용하여 수행 할 수 있습니다

편집이

주세페 사전에

감사합니다 방법.

//Add default meta box 
add_action('add_meta_boxes_{post_type}', 'add_custom_meta_box_post'); 
function add_custom_meta_box_{post_type}($post) {  
    add_meta_box('sections_meta_box', 'Add Section', 'show_custom_meta_box');   
} 


function show_custom_meta_box() { 
    //In your case you can use your html::functions 
    //Your html for select box 
    $sections = array('section1','section2'); 
    $html = '<select id="sections" name="item[]">'; 
    foreach ($sections as $key=>$section) { 
     $html .= '<option value="' . $key . '">' . $section . '</option>'; 
    } 
    $html .= '</select><br><br>'; 
    $html .= '<input class="addSection" type="button" value="Add Section">' ; 
    echo $html; 
} 

//Our custom meta box will be loaded on ajax 
function add_custom_meta_box($post_name){ 
     echo '<div id="sections_structure_box" class="postbox "> 
     <div class="handlediv" title="Click to toggle"><br></div><h3 class="hndle ui-sortable-handle"><span>Section Structure</span></h3> 
     <div class="inside"> 
      Done 
     </div>'; 
} 

//Call ajax 
add_action('wp_ajax_addStructureBox', 'addStructureBox'); 
//add_action('wp_ajax_noprev_addStructureBox', 'addStructureBox'); 
function addStructureBox() {  
    add_custom_meta_box($_POST['section']); 
    exit; 
} 

//In your case you can add script in your style 
//Add script 
add_action('admin_head','ajax_script'); 
function ajax_script(){ ?> 
    <script> 
    jQuery(document).ready(function ($) { 
     $('.addSection').on('click', function() { 
      var selectedSection = $('#sections option:selected').text(); 
      $.post(ajaxurl, {action: 'addStructureBox', section: selectedSection}, function (data) { 
       $('#sections_meta_box').parent().append(data); 
      }); 
     }); 
    }); 
    </script> 
<?php 
}