Use that JQuery code from your question in customizer preview for real time update. Your transport should be set to ‘postMessage’. In your website you can add body class in function.php:
function theme_prefix_body_class( $classes ) {
if ( get_theme_mod('header_fixed', 0 ) == true ) {
$classes[] = 'fixed-header';
}
return $classes;
}
add_filter( 'body_class', 'theme_prefix_body_class' );
Related Posts:
- Passing boolean values with wp_localize_script
- Color Picker (iris) in widget – refresh when edited in Customizer
- Click link on plugin/theme page and open the contextual help on a specific tab
- Access Customizer’s DOM – jQuery
- possible to make sections in theme customizer sortable and saveable at publish button clicked?
- $wp_customize customizer_preview_init not firing inside javascript
- Hide/show customizer controls based on other settings in Customizer
- trigger(‘change’) not working
- WordPress customizer refresh screen after save
- Sorting widget control
- Validating a cloned/repeatable input (jQuery) [closed]
- WP Customizer compare and set a value via javascript
- Callback After WordPress Customizer Complete Loading
- How to call custom jQuery plugins into the customizer controls
- WP Customizer: Save a control state
- Change CSS Variable value in Theme Customizer Live Preview
- Javascript when Customizer preview is ready/refreshed?
- Remove button from page if viewed through Customizer
- Customizer add query to preview URL
- Retrieve customizer value using ajax or customizer api and print the value in theme
- How to add input file plain text and submit to publish?
- JavaScript sleep/wait before continuing [duplicate]
- JSON parsing error syntax error unexpected end of input
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How do I link a JavaScript file to a HTML file?
- What does [object Object] mean? (JavaScript)
- jQuery $(this) keyword
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- How to set time delay in javascript
- Disable button in jQuery
- jQuery $(this) keyword
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- Disable button in jQuery
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- How to wait 5 seconds with jQuery?
- Submit a form using jQuery
- How to Handle Button Click Events in jQuery?
- How to enable CORS in flask
- How can I get the ID of an element using jQuery?
- jQuery equivalent of JavaScript’s addEventListener method
- Should I use .done() and .fail() for new jQuery AJAX code instead of success and error
- Pass request headers in a jQuery AJAX GET call
- $.ajax – dataType
- what does jQuery data() function do
- How to show loading spinner in jQuery?
- How can I get the ID of an element using jQuery?
- What is content-type and datatype in an AJAX request?
- jQuery Selector: Id Ends With?
- speedtest.net api
- jQuery dialog popup
- data.map is not a function
- How do you select a particular option in a SELECT element in jQuery?
- Set select option ‘selected’, by value
- Change Placeholder Text using jQuery
- Adding placeholder attribute using Jquery
- jQuery Ajax error handling, show custom exception messages
- How to send multiple data fields via Ajax?
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- Jquery change background color
- My javascript is returning this error: $.ajax is not a function
- Best way to store a key=>value array in JavaScript?
- jQuery if div contains this text, replace that part of the text
- Javascript Runtime error: $ is undefined
- Bootstrap – Uncaught TypeError: Cannot read property ‘fn’ of undefined
- jQuery set checkbox checked
- JavaScript: filter() for Objects
- What is different between $(document).on() and $(element).on()
- JavaScript runtime error: ‘$’ is undefined
- When and why to ‘return false’ in JavaScript?
- How to use jQuery qTip?
- Installing jQuery?
- Email validation using jQuery
- Order of $(document).load() and $(document).ready() when deferring loading js
- How to write jquery If else statement?
- Wildcards in jQuery selectors
- wait() or sleep() function in jquery?
- Download File Using jQuery
- jQuery: How can I create a simple overlay?
- JavaScript Loading Screen while page loads
- Jquery Ajax Posting JSON to webservice
- Force a default browser on my android phone using a simple html shortcut page
- Invalid or unexpected token on a very simple function
- Ajax TypeError: $.POST is not a function
- How can I display a tooltip message on hover using jQuery?
- Is jQuery $.browser Deprecated?
- Set selected option of select box
- jQuery date formatting
- Copy to clipboard using jquery?
- TypeError: $.ajax(…) is not a function?
- Format date to MM/dd/yyyy in JavaScript
- jquery loop on Json data using $.each
- How is JavaScript .on() method defined?
- how to use substr() function in jquery?
- How to change a text with jQuery
- XML Parsing Error: not well-formed in FireFox but good in Chrome
- Click button copy to clipboard
- jQuery animate scroll
- Rotate image with javascript
- Ajax Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource