This was my jQuery code before. Now I want to change it to fetch. function fetch(){ jQuery.ajax({ url: '<?php echo admin_url('admin-ajax.php'); ?>', type: 'post', data: { action: 'data_fetch', keyword: jQuery('#keyword').val(), pcat: jQuery('#cat').val() }, success: function(data) { jQuery('#datafetch').html( data ); }…
Im making a function which one gets input checked on page loads, this have an unique id created by shopify, so i got a code in jquery which works fine, but im trying to get it to plain javascript (Vanilla)…
I am trying to avoid using element id to click on button so all I need is to scroll down then I click on the button but sometime the page has different hight and I want to avoid that as…
My global function is not available because "$ is not a function". But I do have jquery as a dependency to my own js file: wp_enqueue_script('common-js', get_stylesheet_directory_uri() . '/js/common.js', array('jquery'), CHILD_THEME_ASTRA_CHILD_VERSION, true); Why I cannot use jQuery outside of document…
I want to add eventlistener to a html element. But It creates js error when the element doesn't exist. The element exists only on some pages. // (A) ATTACH CLICK LISTENER ON PAGE LOAD window.addEventListener("load", () => { document.getElementById("download_mp3j_0").addEventListener("click", doSomething);…
I have a template in my body in a script tag like below: <script id="template" type="text/html"> <div class="row-item">First:<b>{FirstName}</b></div> </script> I want simply add another content to this template on the fly. The following code works perfectly on Google Chrome: $('#template').append('<div…
I am creating a php email form with a foreach loop which creates a checkbox with several other checkboxes and input fields within the foreach loop. The loop might repeat several times, creating several sets of checkboxes, however I only…
I'm triying to add a class to a child but only on children containing a specific class This is an example of the existing HTML: <div class="iteration-Odd"> <div class="style1"></div> <div class="style2"></div> </div> And I need to add an additional class…
Sadly I cannot change the data that I receive. So I found a way around it but I feel like it's a bit messy. Here is an example of the data that I am working with: var x = {…
I have a pair of inputs. I have no problem with a user leaving the both of them blank. But what I need is a way to force the user to fill the second input field if he decides to…