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(
'wpa_script',
'wpa_data',
$script_data
);
}
add_action( 'wp_enqueue_scripts', 'wpa_scripts' );
Related Posts:
- jQuery $(this) keyword
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- Disable button in jQuery
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- $.ajax – dataType
- How can I get the ID of an element using jQuery?
- How do you select a particular option in a SELECT element in jQuery?
- Bootstrap – Uncaught TypeError: Cannot read property ‘fn’ of undefined
- How to use jQuery qTip?
- Installing jQuery?
- Email validation using jQuery
- Wildcards in jQuery selectors
- jQuery: How can I create a simple overlay?
- XML Parsing Error: not well-formed in FireFox but good in Chrome
- jQuery get value of selected radio button
- javascript function wait until another function to finish
- Clear form fields with jQuery
- How to use radio on change event?
- onclick event pass
- id or value
- How can I change the text color with jQuery?
- How to get mouse position in jQuery without mouse-events?
- Show div #id on click with jQuery
- ajax stopped working when not logged in?
- Is there a way to enable Cross-Origin Resource Sharing for WordPress’ ajaxurl?
- How to get attachment id as soon as it is uploaded through media uploader in jquery?
- Using ‘$’ instead of ‘jQuery’ in WordPress
- AJAX call returns 0
- jQuery and AJAX Not working with Select Form Element
- Horizontal scroller with post_thumbnail’s
- Force wp_enqueue_scripts to the HEADER?
- Is it possible to get the logged in username in a jquery script?
- Gravity Forms loading jquery
- Extend 3.5 media uploader plugin to change button name
- WordPress and jQuery [closed]
- Any good lightbox-like option that works in WP 3.2.1?
- Javascript included but alert() function not working
- Adding fields to the media uploader with jquery listeners
- Bind to WPSetAsThumbnail
- Disable collapse of admin meta boxes
- How do I activate jQuery/script on demand?
- How to delete post attachments when jQuery is used with a click event on the delete link
- How to properly add Bootstrap and JQuery Javascripts?
- Using multiple versions of jQuery while still calling it like WP likes
- adding google event tracking to links in posts
- Override default jquery ui library with newer version
- Can I make simple global tooltips in WordPress?
- WordPress Jquery Confliction with Plugin
- Is there a restriction in WP on the use of jQuery load function?
- Periodically getting jQuery “…. is not a function” errors [closed]
- Unwanted content in website title
- HTML editor accessing quicktag buttons
- Error when posting comment form: The error is TypeError: e[h] is not a function
- show element on page load from external url only [closed]
- How to use datepicker.min.js?
- Accordion scrolls page too low after clicking on the title [closed]
- Exclude some scripts from removing unique scripts from head function
- Using Javascript to detect keypress event in text editor
- Passing jQuery into the WordPress media uploader
- jQuery undefined function error with WP jQuery, but works with Google CDN
- videopress videos are not displayed when loading the content with ajax in a lightbox
- Bypass nonce value while trashing a post
- How to enqueue jquery in admin and why is it not already there?
- Call a javascript function from another file
- Set TRUE or FALSE based on a wp_localize_script option value
- Why doesn’t jQuery use $, and how can I get it do so (GLOBALLY)?
- Simplest ajax form not working when it should
- Changing WordPress URL breaks some jquery functions
- Extend the twentyten dropdown menu with jQuery with a delay onmouseout
- Notice-Updated div moving around unprompted
- How to display comments length
- How to change the text of the “You are about to permanently delete these items…” alert message when deleting media from the media library?
- get value from selected input
- Contact form 7 issue with jquery – hiding/showing fields [duplicate]
- Can’t execute jQuery before my script
- Admin Ajax is returning 0 and not Insert data
- extra code in – blank jquery function
- Using WP functions inside javascript
- Why is ajax working on one server and not the next?
- Connect Agile Carousel to WordPress AJAX
- How to add shortcode to show/hide press releases?
- Calling multiple scripts using wp_enqueue_script
- Gutenberg Gallery Block – How to get the full image url in Javascript/jQuery?
- How to use script in WordPress installation?
- Defer Parsing of Scripts
- Orderby post__in Not Working Correctly?
- $ not defined using jQuery in WordPress
- comment-reply.js disables any other form javascript
- File not enqueueing
- Enqueue script, taking no effect [closed]
- How to add jQuery script?
- Local version of jquery not working right
- In the Edit Post page how do I modify with jQuery the status select list?
- Object [object Object] has no method ‘slides’
- jQuery Live Form Validation in WordPress
- Ensure an external javascript file called from plugin is loaded after jquery is called
- jQuery not working for tabs shortcode [closed]
- Why my vertical tab js code is refreshing the page continuously? [closed]
- bootstrap-slider.js by seiyria not working in wordpress
- jQuery cycle thumbnails?
- Making the Google Maps API non readable