Php 在post选项中使用wordpress颜色选择器

我创建post选项，并希望在其中实现wordpress颜色选择器核心

我尝试了这段代码，我从很多教程和资料中获得了它，但不幸的是它根本不起作用，就像我从未添加过代码一样

HTML

JQuery

jQuery(document).ready(function(){
   jQuery('#mv_cr_section_color').wpColorPicker();
});

---

您没有说明如何创建主题选项页面，但下面是一个工作示例。它的代码与示例代码几乎相同，但排队是直接在自定义菜单页回调上完成的，jQuery被引用为

$

（注意它在

ready（function（$）

）中的声明）：

---

您没有说明如何创建主题选项页面，但下面是一个工作示例。它的代码与示例代码几乎相同，但排队是直接在自定义菜单页面回调上完成的，jQuery被引用为

$

（注意它在

就绪（函数（$）

）中的声明）：

---

这个脚本只包含一个jQuery文件和样式表文件

// Register Scripts & Styles in Admin panel
function custom_color_picker_scripts() {
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'iris', admin_url( 'js/iris.min.js' ), array( 'jquery-ui-draggable', 'jquery-ui-slider', 'jquery-touch-punch' ), false, 1 );
wp_enqueue_script( 'cp-active', plugins_url('/js/cp-active.js', __FILE__), array('jquery'), '', true );

}
add_action( 'admin_enqueue_scripts', custom_color_picker_scripts);

现在创建一个类似cp-active.js的新javascript文件，并使用代码定义“/js/cp-active.js”文件路径

jQuery('.color-picker').iris({
// or in the data-default-color attribute on the input
defaultColor: true,
// a callback to fire whenever the color changes to a valid color
change: function(event, ui){},
// a callback to fire when the input is emptied or an invalid color
clear: function() {},
// hide the color picker controls on load
hide: true,
// show a group of common colors beneath the square
palettes: true
});

在设置页面中添加一个文本框，其中包含用于颜色选择器的CSS类，您希望在其中显示输入文本

<input id="color_code" class="color-picker" name="color_code" type="text" value="" />

---

请查看有关

的更多详细信息，只需在此脚本中包含jQuery文件和样式表文件

// Register Scripts & Styles in Admin panel
function custom_color_picker_scripts() {
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'iris', admin_url( 'js/iris.min.js' ), array( 'jquery-ui-draggable', 'jquery-ui-slider', 'jquery-touch-punch' ), false, 1 );
wp_enqueue_script( 'cp-active', plugins_url('/js/cp-active.js', __FILE__), array('jquery'), '', true );

}
add_action( 'admin_enqueue_scripts', custom_color_picker_scripts);

现在创建一个类似cp-active.js的新javascript文件，并使用代码定义“/js/cp-active.js”文件路径

jQuery('.color-picker').iris({
// or in the data-default-color attribute on the input
defaultColor: true,
// a callback to fire whenever the color changes to a valid color
change: function(event, ui){},
// a callback to fire when the input is emptied or an invalid color
clear: function() {},
// hide the color picker controls on load
hide: true,
// show a group of common colors beneath the square
palettes: true
});

在设置页面中添加一个文本框，其中包含用于颜色选择器的CSS类，您希望在其中显示输入文本

<input id="color_code" class="color-picker" name="color_code" type="text" value="" />

---

请查看更多关于

的详细信息，我没有在主题选项中使用此代码，我在添加新帖子页面的帖子选项中使用此代码，此代码是否应与之配合使用？@magedali，请为您的问题添加更多详细信息并解释此部分：

我创建帖子选项

。我假设您正在创建一个元框，是吗？刚刚用元框b进行了测试ox和它的原理完全相同。我没有在主题选项中使用此代码，我在“添加新帖子”页面的“帖子”选项中使用此代码，此代码是否应与之配合使用？@magedali，请为您的问题添加更多详细信息并解释此部分：

我创建帖子选项

。我假设您正在创建一个元框，是吗？刚刚用m测试过eta框，这是完全相同的原理。

<input id="color_code" class="color-picker" name="color_code" type="text" value="" />