wpColorPicker: How update colors on input value update?

I was able to solve this by looking into the inner .iris() and check that it has a .('color') method that allows to set a color at runtime.

Thankfully, this .('color') method is supported too by .wpColorPicker(), so one can do:

var new_color = $the_related_field.val();
$the_colorpicker.wpColorpicker('color', new_color);

to overcome the annoyance of not having an update() method.

Related Posts:

  1. Add colorpicker to featured image
  2. JavaScript sleep/wait before continuing [duplicate]
  3. Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
  4. How do I link a JavaScript file to a HTML file?
  5. convert Hsl to rgb and hex
  6. jQuery equivalent of JavaScript’s addEventListener method
  7. Adding an onclick function to go to url in JavaScript?
  8. Checking a Url in Jquery/Javascript
  9. Best way to store a key=>value array in JavaScript?
  10. When and why to ‘return false’ in JavaScript?
  11. Format date to MM/dd/yyyy in JavaScript
  12. How is JavaScript .on() method defined?
  13. Javascript isnull
  14. JQuery: $.get is not a function
  15. How to read data From *.CSV file using javascript?
  16. How can I expand and collapse a
  17. Javascript : array.length returns undefined
  18. I want to enqueue a .js file to my child theme
  19. Can’t get a JSON object in response to an Ajax request with wp_ajax
  20. How to prevent wordpress from loading old versions of jquery in wp_head();?
  21. Add custom shortcode button to Editor
  22. Infinite scroll / lazy loading with NextGen Gallery [closed]
  23. How to get a jQuery script to run on a page?
  24. Defer Parsing of Scripts
  25. Modify Custom Field in Media Library using JavaScript
  26. Including javascript for a shortcode
  27. Asynchronous Javascript Loaders
  28. Unable to run jQuery script in my template file
  29. How to Use JSON With AJAX?
  30. Using wp_ajax and wp_ajax_nopriv hooks
  31. Prevent five different copies of jquery from being included on every page
  32. Hide/show customizer controls based on other settings in Customizer
  33. How do I get my page to load the jQuery UI Effects library?
  34. javascript is not working on Event Submission?
  35. How to add unique image class to WordPress
  36. Dropzonejs with WPCF7 [closed]
  37. jQuery Tree View and wp_list_pages
  38. Jquery conflict
  39. WordPress audio player causing js error, mediaelementplayer is not a function
  40. Auto-detect javascript errors and warn theme user
  41. combining js scripts from a js newb [closed]
  42. Loading posts via AJAX in a hidden div with updated URL?
  43. Heartbeat API: How to access data already enqueued?
  44. How to show jquery popup only in one page or once?
  45. How to embed JS data viz in a simple WordPress website
  46. WooCommerce Ajax Cart Update Stopped Working
  47. Rhyzz Repeatable-fields javascript in php and wordpress
  48. Limit filetype and wp media
  49. window.onload wont execute in wordpress
  50. How to return multiple arguments from AJAX callback function
  51. JS news ticker is not working on home page but working on other pages. How to solve this?
  52. WP Customizer compare and set a value via javascript
  53. “JQMIGRATE: Migrate is Installed” How do I find the problem code? [duplicate]
  54. Referrer URL with jQuery or Javascript – Cache & Referrer URL Issue
  55. Create special WordPress slideshow with “jquery.cycle.all.js”
  56. Using Foundation 5 in WordPress Administration Area
  57. Plugin Scripts no loading on options page
  58. Ajax Validation for reCaptcha
  59. Using jquery and javascript in WordPress
  60. Disable Cloudflare Rocket Loader for jQuery javascript and make it load first
  61. Unable to get my javascript to work on my website – what am I doing wrong?
  62. jQuery selectable() function won’t work in wordpress
  63. oEmbed Video in Modal
  64. AJAX Success Function using JS substr() fails in WP 4.1 vs 4.0
  65. How To Include JavaScript Files Only In Single Posts?
  66. wordpress before or after javascript problem
  67. Ajax page load in wordpress the right way?
  68. I am trying to Implement a Code that is Working in my previous page but not working in WordPress for some reason
  69. How to use $ with externally loaded javascript
  70. Getting click on item to open closest relevant element (popup) with jQuery
  71. How to make JQuery load on top of head tag before everything
  72. Show and hide element when URL contains certain section of text?
  73. Customizer add query to preview URL
  74. why does so many javascript libraries are loaded along with my website?
  75. Why does my media selection script write to ONLY the first input field?
  76. Notify user we would like them to clear their cookie. Provide a working button to clear cookies for user
  77. Modify the href attribute of tag dynamically in WordPress
  78. Add a jQuery snippet for sepcific user role
  79. Bootstrap with separate js File
  80. Call full image url instead of stylsheet directory url in JS for Infinite Scroll Function
  81. Move jQuery on *top* of footer
  82. JQuery and Javascript to pan image
  83. How to blur the_post_thumbnail() via blur.js (jquery)?
  84. Custom Javascript not working? [closed]
  85. How to get this jQuary script working?
  86. Youtube Iframe Api play one video at a time
  87. How to add JS snippet before closing tag?
  88. Disable drag metaboxes, create many functions using js not to work!
  89. How to deregister scripts all at once
  90. Are you sure popup on Contact Form 7 [closed]
  91. Trying to get fittext to work in WordPress
  92. Add jQuery function to media button
  93. jQuery ajax empty exeption on wordpress
  94. TypeError: $ is not a function Error using parallax effect in WordPress Template [duplicate]
  95. Custom jQuery plugin not working
  96. JS file not loading [closed]
  97. jQuery append only works if I select html in admin section [closed]
  98. jQuery color picker function on change
  99. Javascript Loading Effect to URLs
  100. Use WordPress Built In Jquery