49 lines
1.4 KiB
JavaScript
Executable File
49 lines
1.4 KiB
JavaScript
Executable File
/**
|
|
* Custom scripts for Radio Image Control
|
|
*
|
|
* @package Ogma Blog
|
|
*/
|
|
|
|
wp.customize.controlConstructor['ogma-blog-range'] = wp.customize.Control.extend({
|
|
|
|
ready: function() {
|
|
|
|
'use strict';
|
|
|
|
var control = this;
|
|
|
|
// Update the text value
|
|
jQuery("input[type=range]")
|
|
.off()
|
|
.on("input", function () {
|
|
var range = jQuery(this);
|
|
var value = range.val();
|
|
range.siblings("input.ogma-blog-range-input").val(value);
|
|
});
|
|
|
|
// Change the text value
|
|
jQuery("input.ogma-blog-range-input")
|
|
.off()
|
|
.on("input", function () {
|
|
var rangeInput = jQuery(this);
|
|
var value = rangeInput.val();
|
|
|
|
rangeInput.siblings("input[type=range]").val(value).trigger("input");
|
|
});
|
|
|
|
jQuery(".ogma-blog-reset-slider")
|
|
.off()
|
|
.on("click", function () {
|
|
var range = jQuery(this).parents('.control-wrap').find("input[type=range]");
|
|
var resetValue = range.data("reset_value");
|
|
range.val(resetValue).trigger("input");
|
|
});
|
|
|
|
// Change the value
|
|
this.container.on("input", "input[type=range]", function () {
|
|
control.setting.set(jQuery(this).val());
|
|
});
|
|
}
|
|
|
|
});
|