проблема выбора цвета в plug in development wordpress

Question

Я пытаюсь добавить подборщик цветов в настройках wordpress API для разработки плагинов. Но я столкнулся с проблемой для этого. У меня есть код для выбора цвета.

// Create this function for color picker. 
add_action('admin_enqueue_scripts', 'mw_enqueue_color_picker'); 
function mw_enqueue_color_picker($hook_suffix) { 
// first check that $hook_suffix is appropriate for your admin page 
wp_enqueue_style('wp-color-picker'); 
wp_enqueue_script('my-script-handle', plugins_url('my-script.js', __FILE__), array('wp-color-picker'), false, true); 

}

//Call it in my input field option 
<tr valign="top"> 
<th scope="row"><label for="cursor_color">ScrollBar Color</label></th> 
<td> 
<input id= "cursor_color" type="text" name="ppmscrollbar_options[cursor_color]" value="<?php echo stripslashes($settings['cursor_color']);?>" class="my-color-field"/><p class="description">Select Icon holder color here. You can also add html HEX code.</p> 
</td> 
</tr> 

// В моих-script.js файл я написал этот сильфон код.

jQuery(document).ready(function($){ 
$('.my-color-field').wpColorPicker(); 
}); 

Я не решил проблему. Может ли кто-нибудь сказать мне, что я могу сделать?

Answer 1

Я действительно не знаю, почему ваш код не работает, возможно, проблема не в коде, который разместил ... Следующий почти такой же, как у вас, но полная демонстрация:

add_action('admin_menu', 'color_pick_so_23696173'); 

function color_pick_so_23696173() 
{ 
    $my_page = add_dashboard_page( 
     'colorpick', 
     'colorpick', 
     'add_users', 
     'colorpick-page', 
     'color_pick_callback_so_23696173' 
    ); 
    add_action("admin_print_scripts-$my_page", 'enqueue_so_23696173'); 
} 
function enqueue_so_23696173() 
{ 
    wp_enqueue_style('wp-color-picker'); 
    wp_enqueue_script( 
     'colorpick', 
     plugins_url('my-script.js', __FILE__), 
     array('wp-color-picker'), 
     false, 
     true 
    ); 
} 
function color_pick_callback_so_23696173() 
{ 
    ?> 
    <div class="wrap"> 
     <h2>Test</h2> 
     <table> 
      <tr valign="top"> 
      <th scope="row"><label for="cursor_color">ScrollBar Color</label></th> 
      <td> 
      <input id= "cursor_color" type="text" name="ppmscrollbar_options[cursor_color]" value="" class="my-color-field"/> 
      <p class="description">Select Icon holder color here. You can also add html HEX code.</p> 
      </td> 
      </tr> 
     </table> 
    </div> 
    <?php 
} 

И my-script.js точно такой же, как ваш.