Including javascript for a shortcode

Use wp_enqueue_script in your shortcode handler, in WordPress >= 3.3 it will be added to the page in the wp_footer action. Pass any data you need from PHP to JavaScript via wp_localize_script.

Related Posts:

  1. How to get a jQuery script to run on a page?
  2. How to properly add Bootstrap and JQuery Javascripts?
  3. Correct Method to run scripts with dependencies without enqueue?
  4. How to prevent wordpress from loading old versions of jquery in wp_head();?
  5. Move WordPress native javascript to bottom of page?
  6. Add custom shortcode button to Editor
  7. RequireJS in custom theme. Working Example
  8. Asynchronous Javascript Loaders
  9. wp_enqueuescript won’t load in footer even with true value set?
  10. How wp_enqueue_script works?
  11. WordPress Script Loading/Unloading — wp_deregister_script(‘jquery’)
  12. How do I get my page to load the jQuery UI Effects library?
  13. Script won’t execute in the media manager
  14. How to add unique image class to WordPress
  15. Enqueuing javascript files
  16. Creating multiple enclosing shortcodes and fixing JS issues on click
  17. Searching multiple tags and adding jQuery dependant script onto page template?
  18. Plugin Scripts no loading on options page
  19. How to enque js script in footer that are not in .js file?
  20. Loading scripts on a single page plants the script in the footer
  21. Nested Gallery Shortcode INTERMITTENTLY working
  22. Disable Cloudflare Rocket Loader for jQuery javascript and make it load first
  23. Using WP functions inside javascript
  24. Including Older Version of jQuery for IE7/IE8
  25. How To Include JavaScript Files Only In Single Posts?
  26. How to make JQuery load on top of head tag before everything
  27. JavaScript code do not works on online server
  28. Bootstrap with separate js File
  29. JQuery Login Dropdown not functioning in theme
  30. How to add JS snippet before closing tag?
  31. Enqueue javascript that inserts custom php widget into jQuery-constructed div
  32. How to deregister scripts all at once
  33. Uncaught TypeError: undefined is not a function (shortcode-box)
  34. How to Run a jQuery Script after a Javascript Script has Finished in WordPress
  35. javascript not loading in wordpress
  36. bootstrap-slider.js by seiyria not working in wordpress
  37. How to set time delay in javascript
  38. JavaScript: filter() for Objects
  39. JavaScript runtime error: ‘$’ is undefined
  40. How to get client’s IP address using JavaScript?
  41. Simple throttle in JavaScript
  42. Enable & Disable a Div and its elements in Javascript
  43. The ‘describe’ keyword in javascript
  44. force enqueue script to be first in order of prominence
  45. Using get_option() in JavaScript
  46. Make jQuery library load before plugin files
  47. Add tinymce buttons to caption textarea in media uploader
  48. How to handle multiple instance of “send_to_editor” js function
  49. wp_register_script multiple identifiers?
  50. How do I enqueue(or delay loading of) tags in individual page posts?
  51. Execution of JavaScript on save post
  52. Is placing stuff in page text edit window bad form?
  53. wp_enqueue_script adds only the first script
  54. Add colorpicker to featured image
  55. Auto-detect javascript errors and warn theme user
  56. combining js scripts from a js newb [closed]
  57. Heartbeat API: How to access data already enqueued?
  58. Implementing lazy loading in homepage posts instead of pagination
  59. Why won’t my scripts load?
  60. Is it necessary to enqueue jquery?
  61. jQuery not available to other scripts
  62. WordPress Ajax problem with undefined url
  63. Move jQuery to the bottom of the page whilst keeping the WordPress jQuery
  64. Using bootstrap-slider and bootstrap-switch in wordpress admin panel
  65. WordPress jquery files not being enqueued
  66. WP UI style within shortcode – Any Suggestions?
  67. Javascript stopped working [closed]
  68. Why is my WordPress loading old version of JQuery?
  69. Why load JS through the CMS framework? [duplicate]
  70. Unexpected script loading order
  71. url – ajax loaded but no JS
  72. Why should I deregister jquery?
  73. jQuery will not work on page from snippet or file
  74. How to keep HTML form field that is conditional hidden with javasript hidden after page reload?
  75. Accessing javascript in multiple files [closed]
  76. Issues loading Jquery on WordPress website
  77. Script not loading when depending on jQuery
  78. Custom AJAX form not working async
  79. jQuery is not defined, working on local server but not online
  80. WP_ENQUEUE not working with Foundation 5
  81. Parse wordpress blog data using json api and ajax
  82. Problem adding MP3 attachments to a jPlayer playlist
  83. wp_enqueue_script jquery and jquery ui not working
  84. wp_enqueue_script calling jQuery at different times for different browsers?
  85. A carousel slideshow plugin in JavaScript
  86. wp_enqueue_script JS code runs too late (after user begins interacting)
  87. Get localize of a loaded javascript
  88. Get with jQuery the value of an ACF field
  89. JS working when used normally but not in wordpress
  90. Get ajaxForm response value
  91. Adding scripts before plugins scripts
  92. jQuery search function not running in WordPress but running locally (fiddle)
  93. Masonry – Can’t Find Variable imagesLoaded
  94. Can’t seem to get JQuery working (wordpress plugin)
  95. Ajax Request with jQuery not happening
  96. How to make jQuery load AFTER plugin’s script?
  97. Can’t get jQuery to enqueue into post edit script
  98. Carousel Hover Image
  99. How to Javascript/jQuery
  100. Uncaught ReferenceError: tippy is not defined

Leave a Comment