如何获取wp颜色选择器字段的后元元关键字和元值

Question

我在自定义元变量框中创建了一个输入字段，并将其链接到jquery中的wpColorPicker对象，以便它成为颜色选择器字段。但我不知道要获取元键来显示值。我的代码是：

<label for="title-background-color">Choose background color: </label>
<input  type="text" name="title-background-color" id="title-background-color" 
class="title-background-color" value="#dddddd" data-default-color="#dddddd">

我想在这里展示

    <div class="post-title-under-header" style="background: `i want that value here` ;">
                <div class="post-title-under-header">
                    <?php the_title('<h1>', '</h1>');?>
                </div>
   </div>

Answer 1

要使用类post-title-under-header设置元素的背景颜色，可以使用jQuery执行此类操作。在此示例中，背景颜色将在change事件中更改。

$(document).ready(function(){
   $('#title-background-color').on('change',function(){
       $('.post-title-under-header').css('background-color',$('#title-background-color').val());
       });
   });