I'm having a hard time figuring out why my repeatable fields javascript doesn't work. I'm using the following plugin: Rhyzz (repeatable-fields): http://www.rhyzz.com/repeatable-fields.html. I scraped the website and I see he ran the script inside html and also ran his javascript all on the same page. My website is a lot larger. I'm using Wordpress and I did the following to call the script in functions.php. wp_enqueue_script( 'jquery', 'https://code.jquery.com/jquery-1.11.2.min.js', array(), '20120206', true ); wp_enqueue_script( 'jquery-ui', 'https://code.jquery.com/ui/1.11.4/jquery-ui.min.js', array(), '20120206', true ); wp_enqueue_script( …
Somehow, the default jQuery UI Datepicker (loaded by domain/wp-includes/script-loader.php on line 214 in version 4.7 is giving javascript errors in the console. This is the line that loads in the file: $scripts->add( 'jquery-ui-datepicker', "/wp-includes/js/jquery/ui/datepicker$dev_suffix.js", array('jquery-ui-core'), '1.11.4', 1 ); And here is the error: edit.php:81 GET http://jquery-ui.googlecode.com/svn/tags/latest/ui/i18n/jquery.ui.datepicker-nl.js?ver=4.7 It returns with an 404. How do I fix this error? I have searched within the wp-admin and wp-includes files, but I just can't figure out why this error is present. IMPORTANT: I don't …
As it stands right now, in WooCommerce 3.5.1, at product archive (the /shop page), if you use the +/- buttons to set a quantity before clicking "Add to cart", all is fine. But if you try to actually type it in the input#quantity field instead of using the buttons, it adds just one product to cart. This plugin seems to not have the issue, for single products: https://wordpress.org/plugins/woocommerce-ajax-cart/ This guy has done something similar for the cart page: https://businessbloomer.com/woocommerce-automatically-update-cart-quantity-change/ Using …
I have tried below script to load jQuery UI Autocomplete in theme. But it doesn't load their related scripts. How should I call it to work. wp_enqueue_script('jquery-ui-autocomplete'); I think below scripts are jQuery UI related scripts for autocomplete but it's doesn't load. <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.10.2'></script> <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.widget.min.js?ver=1.10.2'></script> <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.position.min.js?ver=1.10.2'></script> <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.menu.min.js?ver=1.10.2'></script> <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/ui/jquery.ui.autocomplete.min.js?ver=1.10.2'></script>
I want to use jQuery UI and autocomplete in my search form. First I want to check whether any list will be displayed so I copied the code from the documentation and pasted it in my page template. The jQuery UI CSS and JS is loaded because I can see it in the Dev Tool in CHrome. However the dropdown list is not showing. I added the following HTML to my header.php <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags"> </div> …
I am trying to use wp_list_pluck to return an array of taxonomy names from get_terms. I'm not sure what I'm doing wrong, but this only echo's out "Array": $terms = get_terms(array( 'taxonomy' => 'state', 'hide_empty' => false, )); $term_ids = wp_list_pluck( $terms, 'name' ); echo $term_ids; Do you know how I can echo out an array of taxonomy names? The reason I am doing this is because I am wanting to get an array to convert it to a Javascript …
How can I copy the default styling for the admin and tell wordpress to use custom style instead of the default? Basically I want to change the colour and font without having to use !important syntax to force Wordpress to use it.
Can i get the help of you guys as i want i can do it with url I need to split the URL. and use last element as job_id, And then pass "jkdbsbd45JubJKAAASSYT" as job_Id. URL: https://dev/job/?job_id=jkdbsbd45JubJKAAASSYT Need to create this URL as below. Need: https://dev/job/jkdbsbd45JubJKAAASSYT Thanx in advance
I want to use jQuery UI tabs in my WordPress 3.1.4 pages. I write programming tutorials for a VB .NET audience but like to provide C# source as well, and I want to use the tabs to let the readers switch between the two. I could probably make my own given time, but this was supposed to be a "learn things about jQuery" project. It's turning out to be more of a "WTF WordPress" project. I'm barely functional in JS …
i am trying to use the jQuery-ui function: slider(): here's my code that i wrote inside the jQuery(document).ready...: jQuery("#slider-wp").slider() and in my functions.php file i wrote this code to call the jQuery library specific to slider(): function jquery_scripts(){ wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui-slider'); } add_action( 'admin_enqueue_scripts', 'jquery_scripts'); when i loaded my page i recevied this error: i tried to look into many ressources on the internet but without success. here's the shortcode in my functions.php file where i want to add the slider: …
First - I don't want to invite a wheel which may exists. Second - I'm not sure which method will be most effective in my case. I have a website where there are a lot of galleries with high-res photos and kind of large thumbnails (about 350x235 on average) which makes those pages to load slowly. On those pages I want to do some kind of quote and under that quote a message about that page may load slowly. I …
I have enqueued the necessary scripts via wp_register_script and wp_enqueue_script in Wordpress (v 5.8): <script type='text/javascript' src='https://<mywebsite.com>/wp-includes/js/jquery/jquery.js?ver=3.6.0' id='jquery-core-js'></script> <script type='text/javascript' src='https://<mywebsite.com>/wp-includes/js/jquery/ui/core.js?ver=1.12.1' id='jquery-ui-core-js'></script> <script type='text/javascript' src='https://<mywebsite.com>/wp-includes/js/jquery/ui/tabs.min.js?ver=1.12.1' id='jquery-ui-tabs-js'></script> <script type='text/javascript' src='https://<mywebsite.com>/wp-includes/js/jquery/ui/button.js?ver=1.12.1' id='jquery-ui-button-js'></script> I'm trying to apply JQuery UI buttons (on 'anchor' and 'button' tags with class 'jqbtn'): $pxt(".jqbtn").button(); But the the buttons are not rendered (The required classes like 'ui-button', 'ui-corner-all' and 'ui-widget' are not added). There is no error in the console. Please help. Am I missing something? Note: JQuery UI …
I'm developing a dynamic block that prints the following markup (for example) using the ServerSideRender component: <div class="accordion"> <h3 class="accordion-title">A title</h3> <div class="accordion-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div> </div> To fully work this block needs the Accordion component from jQuery UI: accordion-jquery-start.js file: ( function( $ ) { $( function() …
I have a site we needed some custom php coding to connect to an external database to grab product review urls for several vendors that sell our products. The basic idea we are trying to accomplish is to have the user register their product and then extend their warranty if they are willing to leave a review. I'm using xyzscripts.com's "Insert PHP" plugin to accomplish this. The theme initially had only jQuery loaded so as to keep from creating a …
Currently i want to change pintrest url. when i hit the pintrest url respective product image not open because not getting proper url url as follows: https://www.pinterest.com/pin/create/button/?url=https://test.testing.com/awesome/brand/abc-brand/&media=https://test.testing.com/awesome/brand/abc-brand/&description=ABC%20Brand but if i hit below url then properly working image https://www.pinterest.com/pin/create/button/?url=https://test.testing.com/newesome/brand/abc-brand/&media=https://test.testing.com/awesome/wp-content/uploads/2021/02/gints-gailis-l5zBtqUzYKM-unsplash.jpg SO i want to change a icon url with specific product name. Below is my pinterest icon html <a class="jupiterx-social-share-link btn jupiterx-social-share-pinterest" href="https://pinterest.com/pin/create/button/?url=https://test.testing.com/newesome/brand/abc-brand/&amp;media=https://test.testing.com/awesome/brand/abc-brand/&amp;description=ABC%20Brand" target="_blank" aria-label="Share on Pinterest"><span class="jupiterx-icon jupiterx-icon-pinterest-p"></span></a> Anyone have idea then let me know how to do this. I am …
I'm attempting to limit the jQuery sortable functionality on certain postboxes/metaboxes when editing a post/page. So far I've enqueued my custom .js file in admin. wp_enqueue_script function jm_load_scripts($hook) { if( $hook != 'edit.php' && $hook != 'post.php' && $hook != 'post-new.php' ) return; wp_enqueue_script( 'core-functionality-script', plugin_dir_url( __FILE__) . '/js/admin.js' ); } add_action( 'admin_enqueue_scripts', 'jm_load_scripts' ); I've created a metabox with an added class of "not-sortable" then in the custom .js file, set it's sortability to 'cancel'. jQuery jQuery(function($) { $(".meta-box-sortables").sortable({ …
Wordpress still uses jQuery 1.x for fear of wrong compatibility with plugins and themes. They are trying to update it, but you can see that it will take a while yet (sources: one, two, three) Now I am building a WP template where I have to use latest Bootstrap CSS framework. The problem is that Bootstrap uses the latest jQuery 3.5.1 ! So, will the latest Bootstrap work properly with the default Wordpress jQuery? Note: I understand that I can …