using wp_enqueue_script to attach jquery-ui

Here’s an alternative way to load a popular script like jquery-ui (using google api’s)

<?php  
// first, check to see if jquery-ui is already loaded 
if( !wp_script_is('jquery-ui') ) { 
        // you don't have to use googleapi's, but I think it helps. It saves the user's browser from loading the same script again if it has already been loade>
    wp_enqueue_script( 'jquery-ui' , 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js' );
}   
?>

*If you are still having problems, try using the full path to the “siteroot”, which is usually the directory you will find the wp-content folder in. So to load jquery-ui locally from your theme folder if it’s not connecting, try something like:

    <?php  
// first, check to see if jquery-ui is already loaded 
if( !wp_script_is('jquery-ui') ) { 
    wp_enqueue_script( 'jquery-ui' , '/home/<myusername>/<mysite.com>/wp-content/themes/<mycustomthemename>/js/jquery-ui.min.js' );
}   
?>

This only works if you have the file in that folder and inside of a js folder you created inside the theme. This is inadvisable if you need to change sites to a different url – but you will just have to update the folder if you do so.

Related Posts:

  1. How to enqueue script if widget is displayed on page?
  2. Why I can’t add a CSS style in this WordPress theme?
  3. The difference between calling wp_enqueue_scripts to load scripts and styles in custom theme
  4. Is there a way to set the order of wp_footer hooked functions?
  5. What can I hook into after_setup_theme?
  6. What does “Do not deregister the jquery script in the administration area” mean?
  7. How do you enqueue script tags for ReactDOM in WordPress’ functions.php?
  8. Enqueued Stylesheets Effecting Admin Styles
  9. wp_enqueue_script being ignored in custom theme
  10. Getting jquery to work with custom theme
  11. Is it safe to enqueue a font style without putting http or https?
  12. Adding wp_enqueue_media(); causes problem
  13. Is there a filter for enqueue script to strip the type=”text/javascript” property
  14. Including Javascript options
  15. Is my approach to enqueue styles inefficient?
  16. functions.php not hooking up with style.css
  17. way to include own functions independent of theme
  18. How to To Filter wp_enqueue_script() Scripts on Some Pages
  19. How to add Bootstrap Tour JavaScript to WordPress Admin Panel Dashboard Widget
  20. Difficulty loading jQuery with wp_enqueue_script
  21. jQuery not available to other scripts
  22. Can´t access child theme´s scripts dependencies found in parent
  23. How to modify default controls in WordPress theme customizer
  24. How to enqueue javascript for WP Customize options sidebar?
  25. Enqueued JavaScript is not working
  26. Overide enqueue in non plugable function via child theme
  27. How to register and enqueue JavaScript files without breaking plugin dependencies?
  28. How to fix : Uncaught ArgumentCountError: Too few arguments to function? [closed]
  29. How to enqueue a script which is type module without using script_loader_tag filter?
  30. Custom jquery not code not working in wordpress
  31. add jquery file if a certain page is included
  32. Adding google fonts to WordPress theme
  33. how can i remove js file from my footer in wordpress
  34. Find out the reason that the Styles and scripts in the theme are loading properly in localhost but Not in server after deploying
  35. Enqueue script for development purposes only?
  36. Correct was to customise theme using get_theme_mod in scripts
  37. how can I re-utilize and class on a child theme
  38. How do I get my theme scripts to load in a custom theme built from Bootstrap
  39. enqueue script if page is not equal to
  40. Theme now uses require.js and enqueue script no longer works
  41. Enqueue script/style with multiple GET parameters
  42. When to use _e and __ for the translation?
  43. With WordPress themes, where do I store the images and files relatively?
  44. Should `get_template_directory_uri()` be escaped?
  45. How to Include SVG sprites icons into the body tag? [closed]
  46. Why doesn’t /2013/01/ properly return January’s archives in archive.php?
  47. Child Theme not loading parent CSS
  48. query posts in wordpress
  49. wp_enqueue_scripts not called on search page?
  50. Add tinymce to widget textareas
  51. Custom Nav Walker to show siblings and children of current branch?
  52. Child themes: disabling the parent
  53. How display id of most recent modified post in wordpress?
  54. Should I use function_exists() and/or add_action() in theme development?
  55. Bold letters inside excerpt [closed]
  56. How to make Home Menu( Front Page) use index.php instead of page.php
  57. JavaScript Change focus to password field login page being reset
  58. Using esc_url with a hard coded url
  59. Broken template went invisible
  60. How to Add Custom Button to Text(HTML) Editor and NOT Visual Editor
  61. Custom Nav Walker Trouble
  62. How to make permalinks update from code?
  63. Custom WordPress File Inclusion
  64. WordPress 3.8 Backend Admin Color Scheme add more scheme how to do?
  65. How to do a section of bulleted text within our page?
  66. What should I use? index.php, front-page.php and home.php
  67. How to change the theme directory uri for localhost?
  68. What is the diferences between pure WordPress theme and Woocommerce theme? [closed]
  69. featured content: which area does this cover [closed]
  70. How to count posts of a category and of a category limited by a tag
  71. Insert Rich Text Editor in theme?
  72. Customizer: get_preview_url() inside customize_save_after hook
  73. How to add custom meta box when you have a custom page template file
  74. Different themes on one site
  75. Theme Check errors of theme code
  76. Allow different tags in widget titles
  77. Pagination and multiple loops
  78. Does wordpress add their own classes into nav menus?
  79. Post archives link yields a 404 Not Found
  80. Getting white screen of death on category pages because of body_class() function
  81. Let user to upload multiple time
  82. Developing WordPress site behind a static site
  83. Code showing in wordpress post titles around website
  84. register_theme_directory() sees custom themes directory, but blank frontend
  85. How to change parent permalink?
  86. how to call options on front end and add logo
  87. Jetpack Infinite Scroll Not Working
  88. Editable screenshot.png in a custom theme developed
  89. How to create multiple pages in a client theme?
  90. How to share posts (and plugins) between existing site and new, separate dev/test installation?
  91. Duplicate WordPress site to subdirectory but use same db?
  92. Menu order of parent menu from perspective of child menu
  93. Conditional loop based on current page
  94. Theme customizer live preview JS- Trying to bind to an html image url without luck
  95. wp_deregister_script was called incorrectly
  96. Add the ability of changing background color of a theme [closed]
  97. Permalinks problem with custom theme
  98. Purchased Theme to Custom Made Theme? [closed]
  99. How to make website with many template that active [closed]
  100. My theme is full of error messages in the “Customize” screen, but nowhere else

Leave a Comment