WordPress path url in js script file

by

According to the WordPress documentation, you should use wp_localize_script() in your functions.php file. This will create a Javascript Object in the header, which will be available to your scripts at runtime.

See Codex

Example:

<?php wp_localize_script('mylib', 'WPURLS', array( 'siteurl' => get_option('siteurl') )); ?>

To access this variable within in Javascript, you would simply do:

<script type="text/javascript">
    var url = WPURLS.siteurl;
</script>

More Related Contents:

  1. WordPress or building site on own? Which is more cost efficient?
  2. Countdown that can mix various times
  3. best tools for theme design? [closed]
  4. Mouse hover not working on entire website after wordpress update
  5. Javascript working in Chrome, but not IE11 [closed]
  6. How to input php as url in javascript
  7. Show image in div and add PREV/NEXT buttons
  8. Load More Posts Ajax Button in WordPress
  9. How to call ajax in WordPress
  10. TypeError: $ is not a function WordPress
  11. How to keep the menu state on page reload
  12. How to load all server side data on initial vue.js / vue-router load?
  13. How To Include CSS and jQuery in my WordPress plugin?
  14. Javascript loading CSV file into an array
  15. What’s the best way to set cursor/caret position?
  16. How to keep elements non-refreshed
  17. Dynamically changing navigation links (next and previous) in WordPress via AJAX
  18. Hook AJAX in WordPress
  19. Contact Form 7 AJAX Callback
  20. How does the “this” keyword in Javascript act within an object literal? [duplicate]
  21. navigator.geolocation.getCurrentPosition sometimes works sometimes doesn’t
  22. Prevent text selection after double click
  23. Javascript change date into format of (dd/mm/yyyy) [duplicate]
  24. Create an instance of a class in ES6 with a dynamic name? [duplicate]
  25. Angular 4 pass data between 2 not related components
  26. What is the best way to empty a node in JavaScript
  27. Proper way to reset a GIF animation with display:none on Chrome
  28. Is document.write actually deprecated?
  29. Close a SELECT dropdown list programmatically with Javascript/jQuery
  30. Removing backslashes from strings in javascript

Leave a Comment