The issue you have is that Slider
is not accessible outside of its scope as that’s defined by the .ready()
though you’ve used shorthand for that. The function needs to be available in the global scope:
file1.js
function Slider() {
this.nb_ele = 10;
}
jQuery(function($) {
// ...
});
file2.js
jQuery(function($) {
var slider = new Slider();
});
If you want Slider to stay in the document ready, you’ll need to use a function expression to add the function to the global object:
jQuery(function($) {
window.Slider= function () {
this.nb_ele = 10;
};
});
See Also: https://stackoverflow.com/questions/1449435/splitting-up-jquery-functions-across-files
Related Posts:
- How to set time delay in javascript
- jQuery equivalent of JavaScript’s addEventListener method
- Adding an onclick function to go to url in JavaScript?
- Checking a Url in Jquery/Javascript
- JavaScript: filter() for Objects
- JavaScript runtime error: ‘$’ is undefined
- When and why to ‘return false’ in JavaScript?
- JavaScript Loading Screen while page loads
- Format date to MM/dd/yyyy in JavaScript
- How is JavaScript .on() method defined?
- JQuery: $.get is not a function
- How to get client’s IP address using JavaScript?
- Simple throttle in JavaScript
- Enable & Disable a Div and its elements in Javascript
- How can I expand and collapse a using javascript?
- Javascript : array.length returns undefined
- The ‘describe’ keyword in javascript
- Can’t get a JSON object in response to an Ajax request with wp_ajax
- Add tinymce buttons to caption textarea in media uploader
- How to prevent wordpress from loading old versions of jquery in wp_head();?
- Move WordPress native javascript to bottom of page?
- RequireJS in custom theme. Working Example
- How to handle multiple instance of “send_to_editor” js function
- How to get a jQuery script to run on a page?
- Modify Custom Field in Media Library using JavaScript
- Trying to get single posts to load on the front page via ajax
- Ajax not firing properly using Firefox, but works in Chrome
- wp_enqueuescript won’t load in footer even with true value set?
- Execution of JavaScript on save post
- Using wp_ajax and wp_ajax_nopriv hooks
- Prevent five different copies of jquery from being included on every page
- Is placing stuff in page text edit window bad form?
- javascript is not working on Event Submission?
- Add colorpicker to featured image
- Gravity Forms not loading under https, jQuery is not defined
- WordPress audio player causing js error, mediaelementplayer is not a function
- Add a Fancybox automatically to post type “post” images
- Auto-detect javascript errors and warn theme user
- combining js scripts from a js newb [closed]
- Enqueuing javascript files
- WordPress customizer refresh screen after save
- Creating multiple enclosing shortcodes and fixing JS issues on click
- Loading posts via AJAX in a hidden div with updated URL?
- Heartbeat API: How to access data already enqueued?
- Can’t load a class into WordPress post editor’s content field
- Implementing lazy loading in homepage posts instead of pagination
- Correct way to write jQuery functions in WordPress
- How to Dynamically Load Content Into Body of Bootstrap Modal Window?
- I want to import my Json file into a custom made display-modal. How do i link my Json file?
- Using bootstrap-slider and bootstrap-switch in wordpress admin panel
- Searching multiple tags and adding jQuery dependant script onto page template?
- TinyMCE 4 remove/add attributes for all images
- Trouble with WordPress Ajax Login System – 302
- How does WordPress handle HTML Tables interaction with jQuery
- Javascript stopped working [closed]
- Why load JS through the CMS framework? [duplicate]
- Problem passing id-specific objects to javascript via wp_localize_script
- url – ajax loaded but no JS
- Callback After WordPress Customizer Complete Loading
- Create special WordPress slideshow with “jquery.cycle.all.js”
- Close Fancybox, sumbit form data and redirect
- How to enque js script in footer that are not in .js file?
- Properly embed javascript into WP (using function.php) – doesn’t work?
- Nested Gallery Shortcode INTERMITTENTLY working
- Disable Cloudflare Rocket Loader for jQuery javascript and make it load first
- How to keep HTML form field that is conditional hidden with javasript hidden after page reload?
- Accessing javascript in multiple files [closed]
- Issues loading Jquery on WordPress website
- jQuery selectable() function won’t work in wordpress
- Custom AJAX form not working async
- Is it OK combined wp-include js, jquery, css? [closed]
- Including Older Version of jQuery for IE7/IE8
- Parse wordpress blog data using json api and ajax
- Problem adding MP3 attachments to a jPlayer playlist
- How To Include JavaScript Files Only In Single Posts?
- Jquery not working
- A carousel slideshow plugin in JavaScript
- JS behavior differs depending on page tree [closed]
- Theme customisation – how to store javascript externally when it utilises php variables?
- jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
- Customizer add query to preview URL
- Get ajaxForm response value
- why does so many javascript libraries are loaded along with my website?
- Why does my media selection script write to ONLY the first input field?
- onclick jquery function not working in wordpress header file [duplicate]
- Modify the href attribute of tag dynamically in WordPress
- Add a jQuery snippet for sepcific user role
- Adding scripts before plugins scripts
- Move jQuery on *top* of footer
- JQuery and Javascript to pan image
- jQuery search function not running in WordPress but running locally (fiddle)
- Masonry – Can’t Find Variable imagesLoaded
- How to add JS snippet before closing tag?
- Clear custom field when new tag is added
- Are you sure popup on Contact Form 7 [closed]
- Custom jQuery plugin not working
- javascript not loading in wordpress
- JS file not loading [closed]
- Carousel Hover Image
- How to Javascript/jQuery