The following code is trying to use jQuery before the jQuery library is loaded. Hard to say exactly where it is coming from, but it seems related to your form. If that is a custom form, maybe check in your theme’s header.php? It is definitely not being enqueued properly and so I would guess it … Read more
Your code looks fine and should work. So that leads to the conclusion that jquery is not loaded at the time you are trying to load your script. Since WP is loading jquery by default, this leaves two possibilities: You are loading your script before jquery is loaded with a high priority on you add_action … Read more
To avoid conflict, WordPress requires you to use jQuery instead of $. So, in your code, you should replace $.ajax() with jQuery.ajax() and $(‘ul’) with jQuery(‘ul’). You can notice there are syntax errors in your browser’s console, such as: Error: $.ajax is not defined
I had the same problem and didn’t find the answer. But I also find a solution without JavaScript. You can do tabs only with CSS+HTML. It is something like: CSS: <style type=”text/css”> #tabs div { width: 200px; padding: 25px 0; margin: 0; position: relative; } #contents div { display: none; position: absolute; left: 200px; top: … Read more
It likely does not have to do with WordPress Core – in most cases this type of issue comes about when plugins conflict. I would suggest deactivating all your other plugins and trying a default theme, a la Twenty Seventeen. If it works at that point, you can switch the theme & test, then activate … Read more
“Won’t work” doesn’t say much. Use Firebug with Firefox, or in Chrome or Safari or IE8, use the developer tools to check for JS errors on your site. WP3.2 now includes jQuery 1.6 and your jsfiddle example uses 1.4, so there’s a possible conflict.
Take a look at the jQuery UI documentation on tabs here. If you view the source for the demo you’ll see that the entire tab content is wrapped in a div. Your source/HTML tabs are not wrapped in a div per the documentation.
Off topic here, but for the sake of solving your problem: For delegated events, the on part should be jQuery(document).on(‘click’,’.toggleExtras’, function(e){
Probably there are a lot of questions/answers here in wpse that explain this kind of issues and the use of jquery and other js in wordpress. However, In wordpress never put javascripts in template files. Javascript should be in separate .js files. The javascript should be putted in the templates using wp_register_script / wp_enqueue_script functions … Read more
Try this: add_action(‘init’,’gallery_sugar_js_init’); function gallery_sugar_js_init() { wp_enqueue_script( ‘gallery_sugar_js’, plugins_url( ‘/js/gallery_sugar.js’, __FILE__ ), array( ‘jquery’ ) ); } Check Function Reference for more info.