Here is my oun answer, hope some can someone help with this. I add a comments in code <script> //Now this windows.addEventListener, don’t Work at All. I need some like this, when the user came back in other session or reload the page, The button, **still disabled** But i don’t know how to make it … Read more
When you enqueue a script with wp_enqueue_script() it adds the <script> tag part for you. If you have HTML that the script interacts with you will need to add that HTML to the page another way. You should not include the script tag in any HTML. There are many options for adding HTML to a … Read more
The error message is clear; the function is not exist. It would help if you looked at your dependencies. You need jQuery Core, the jQuery UI library, and the jQuery Slider library. But no worries, you should use the dependency handling from WP API via wp_enqueue_script and his internal handles to load in the correct … Read more
It turned out that, at least for my specific use case, there was no need to use a class or interact with React lifecycle methods. My code was already working with the component as a function but for some reason I wasn’t able to see it in that moment. I have probably made a mistake … Read more
I had a similar problem and I found the solution in this post. Please have a look at https://wordpress.org/support/topic/block-editor-unexpected-error/
A save component is intended to save static HTML, and can rely only on the blocks attribute. No interactivity, no local state, no AJAX requests, etc, just block attributes. If you achieve what you’re trying to do you’ll immediately run into a new problem with block validation failure. You cannot use the save component to … Read more
You cannot use wp.select in your save component, a save component can only use the block attributes. If you generate markup from using data from other sources then it will fail block validation. If you want data such as the index of the block, you need to store it in the attributes in the edit … Read more
You cannot embed blocks as react components this way, and you should not try to use other blocks as user interface components by setting innerblocks with a locked template. Instead, use 2 filters to modify the core/embed block: Use editor.BlockListBlock on core/embed to modify the edit component, wrapping it in your own component that has … Read more
The error is self-explanatory. When you insert your code, jQuery has not been defined. You have to put that script after jQuery is loaded. If you can’t change where jQuery is defined, as you say in your comment to Pat J’s answer, then insert your script in the <footer>.
Did you inspect your code for any errors? If the error is “Uncaught TypeError: $ is not a function”, then maybe you can add the code as below. <script> jQuery(document).ready(function($) { //your code starts here <iframe id=”myiFrame” class=”stop-lazy” data-src=”https://some.iframe” frameborder=”0″ allowtransparency=”true” style=”width: 100%;min-height: 150px;”></iframe> }); </script>