This is the barebones for an AJAX call and response. Take a look and make sure this is working on Chrome and Firefox for you — works for me. <?php // Some function for data we’ll pass function dgx_donate_get_countries_requiring_postal_code() { return “cc postal code stuff…”; } // Register everything add_action(‘init’, function () { // Add … Read more
1) Only include scripts via wp_head(). For your custom script, register and enqueue it as such: function mytheme_custom_scripts() { if ( ! is_admin() ) { $scriptsrc = get_stylesheet_directory_uri() . ‘/js/’; wp_register_script( ‘mytheme_custom’, $scriptsrc . ‘custom.js’ ); wp_enqueue_script( ‘mytheme_custom’ ); } } add_action( ‘after_setup_theme’, ‘mytheme_custom_scripts’ ); 2) You need to deregister core jQuery, and then register … Read more
Sorry to say, but it’s not possible, because none of the elements from the SVG are read in the DOM, so CSS and Javascript don’t see them. All it sees is the <img> block, none of its contents. You have to import your SVGs into the page to have them be able to be manipulated. … Read more
well first of all, don’t directly inject a script tag like that, use wp_enqueue_script to add your javascript file. additional data can then be passed from php to javascript via the wp_localize_script function. function wpa_scripts() { wp_enqueue_script( ‘wpa_script’, get_template_directory_uri() . ‘/js/script.js’, array(‘jquery’), null, true ); $script_data = array( ‘image_path’ => get_template_directory_uri() . ‘/images/’ ); wp_localize_script( … Read more
Yes, on your 2nd question 🙂 From what I saw in set-post-thumbnail.dev.js, it appears that you only need to add a link/anchor with the wp-post-thumbnail class on it in your quick edit screen. And you will get the image faded inside that link when the ajax request completes. For alerting “bacon” after the ajax completes, … Read more
Yes. You’re right. It’s because of the jQuery noConflict mode. You need to use jQuery instead of $. Or you can wrap everything in a function like this to define it’s scope (function($){ $(“#generateForm”).validate({ submitHandler: function(form) { $(form).ajaxSubmit(); }, rules: { … } }, messages: { … } } }); })(jQuery); Based on several posts, … Read more
Your code is not clear as it is out of context but it looks to me like you are loading your posts pages over AJAX through their normal URLs– URLs like http://example.com/this-is-a-post/ or http://example.com/2012/12/01/this-is-a-post/. The drawback to doing that you are loading the entire WordPress and theme framework into your popup, which may be much … Read more
You have to localize script by using wp_localize_script function. In the admin side ajaxurl is already available. But in front end you have to localize script to define ajaxurl. Example: wp_enqueue_script( ‘custom-ajax-request’, ‘/path/to/settings.js’, array( ‘jquery’ ) ); wp_localize_script( ‘custom-ajax-request’, ‘MyAjax’, array( ‘ajaxurl’ => admin_url( ‘admin-ajax.php’ ) ) );
assuming you have enqueued everything ( script files and style files ) properly in your wordpress theme’s folder following would be ( just assume ) your theme files wp-content/themes/your-theme-dir/ assets/ css/ ( this is directory/folder ) styles.css ( this is file ) js/ scripts.js index.php functions.php lets say your code shown above is in index.php … Read more
The script First you have to enqueue the script. We conditionally load it only for your custom post type and its archive(s). // in your functions.php function wpse69274_enqueue_tbs_collapse() { if ( ! is_post_type_archive() AND ‘YOUR_POST_TYPE’ !== get_post_type() ) return; wp_enqueue_script( ‘tbs-collapse’ ,get_stylesheet_directory_url().’path/to/your/collapse.js’; ,array( ‘jquery’ ) ,filemtime( get_stylesheet_directory().’path/to/your/collapse.js’ ) ,true ); } add_action( ‘wp_enqueue_scripts’, ‘wpse69274_enqueue_tbs_collapse’ ); … Read more