确认你是否将jQuery库正确地加载到主题中
将下面的代码添加到functions.php文件中:
/* ion range slider enqueue */ function ion_range_slider_enqueue() { wp_enqueue_script( 'ion-range-slider', get_template_directory_uri() . '/js/ion.rangeSlider.js', array('jquery'), '2.3.0'); wp_enqueue_style( 'ion-range-slider', get_template_directory_uri() . '/css/ion.rangeSlider.css'); } add_action('wp_enqueue_scripts','ion_range_slider_enqueue');
确保$field_name的值与你的ACF字段名称一致
将下面的代码添加到functions.php文件中:
$(document).ready(function() { if($('.custom-field-class').length) { $('.custom-field-class').ionRangeSlider({ min: 0, max: 100, from: 50 // 更改其他自定义设置 }); } });
确保你使用的是合适版本的ion.rangeSlider。如果你使用的是错误的版本,它可能与WordPress或ACF不兼容。