I'm using jQuery UI slider on my WordPress page which is running on Avada theme.
I need this code block in order for my range input to work:
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" )
.val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 )
);
});
But when I add it to my header.php it blocks all JavaScript on website. My slider on homepage is not working etc. So, how should I add it without making a conflict?