范围输入值在 wp 定制器中不起作用。 这是我的 WordPress 定制器控件的类,下面是 js 代码。
<?php
// Range Control Wwith Selected Value Indicator
class WP_Customize_Range_Control extends WP_Customize_Control
{
public $type = 'custom_range';
public function enqueue()
{
wp_enqueue_script(
'cs-range-control',
BLOCKS_URL . '/lib/js/controls.js',
array('jquery-ui-slider'),
false,
true
);
}
public function render_content()
{
?>
<label>
<?php if ( ! empty( $this->label )) : ?>
<span class="customize-control-title"><?php echo esc_html($this->label); ?></span>
<?php endif; ?>
<div class="cs-range-value"><?php echo esc_attr($this->value()); ?></div>
<input data-input-type="range" type="range" <?php $this->input_attrs(); ?> value="<?php echo esc_attr($this->value()); ?>" <?php $this->link(); ?> />
<?php if ( ! empty( $this->description )) : ?>
<span class="description customize-control-description"><?php echo $this->description; ?></span>
<?php endif; ?>
</label>
<?php
}
}
//这是JS
(function ($) {
$(document).ready(function ($) {
$('input[data-input-type="range"]').on('change', function () {
var val = $(this).val();
$(this).prev('.cs-range-value').html(val);
$(this).val(val);
});
})
})(jQuery);
当我更改 WP 定制器中 slider 的值时,我收到错误值无效。为什么会发生这种情况以及如何解决它?
最佳答案
也许试试这个:
'sanitize_callback' => 'intval',
关于javascript - 范围输入 WP 定制器上出现无效值错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37867527/