javascript - Read For Learn

How to render HTML content using the Interactivity API?

Rather than binding text with a directive, you could bind a callback with data-wp-watch that sets the inner HTML of the div when it runs: <div data-wp-watch=”callbacks.renderContent”></div> callbacks: { renderContent() { const context = getContext(); const element = getElement(); element.ref.innerHTML = context.randomPost.content.rendered; }, }, Since the callback uses context.randomPost.content.rendered, it should run any time that … Read more

Why Is wp.editor Not Adding the ”Add Media” Button When I Initialize It?

How to add new ACF repeater row after removing all rows using jQuery/Javascript

Javascript functions not running

Use a construct like this one: (function( $ ) { ‘use strict’; $( document ).ready( function() { // Put your code here }); })( jQuery );

Gutenberg DatePicker component with time set to zero

I managed to find the solution myself. You need to modify the onUpdateStartDate() function: function onUpdateStartDate(value) { const date = new Date(value); date.setHours(0, 0, 0, 0); setMeta({ …meta, ‘_my_start_date’: date }); }

htaccess file prevents js scripts to run

slider i want move 4 images every button click

How to access current discussion settings in gutenberg via JS?

I finally found it out. You can access current comment settings by using wp.data.select(‘core/editor’).getEditedPostAttribute(‘comment_status’) So the complete solution is: function isCommentsEnabledInBlockEditor() { return wp.data.select(‘core/editor’).getEditedPostAttribute(‘comment_status’) === ‘open’; } function registerPublishBtnHandler() { const publishBtnArray = document.getElementsByClassName(“editor-post-publish-button__button”); if (publishBtnArray && publishBtnArray.length > 0) { const publishBtn = publishBtnArray[0]; if (publishBtn) { publishBtn.addEventListener(“click”, function (e) { if (!isCommentsEnabledInBlockEditor()) { … Read more

enqueue_custom_scripts isn’t working

Based on the information you’ve provided, there are a few potential reasons why your script might not be enqueued properly in WordPress. Let’s troubleshoot: Try cache busting: It is possible the file is loading but the code is not loading because the file is cached. Try the below code. The $version variable changes every page … Read more

useSelect() plus resolver result is serving cached data incorrectly

Thanks for MVE, @helgatheviking! It was beneficial. When wp.data caches the resolvers, it also considers arguments. Here’s what happens when following the reproduction steps for the bug: Selecting the first product resolves data, creates a cache for getProduct(1), and sets a value for the product state. Selecting second does the same (cache: getProduct(2)) and sets … Read more

+ More