javascript - Unable to call function while using requirejs -
i have been working on new project sometime , started using require.js in project.
it seemed work fine until tried making call application.js dashboard.js when tab #dailytab or #weeklytab clicked or access varialbe var a in dashboard,js. code below
main.js
requirejs.config({ baseurl : '../static/js/', paths : { 'jquery' : 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min', 'jquery-ui' : 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min', 'bootstrap' : ['//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min', 'bootstrap.min'], }, shim : { 'bootstrap' : ['jquery'], 'bootswatch' : ['bootstrap'], } }); require(["jquery", "jquery-ui", "bootstrap", "dashboard", "application"], function($, jui, bootstrap, dashboard, application) { $("#mytab a:first").tab("show"); }, function(err) { console.log(err) }); dashboard.js
define(function() { var = 10; var reload = { dailycharts : function() { console.log("daily charts"); }, weeklycharts : function() { console.log("weekly charts"); } }; var display = { none : function(node) { console.log("none"); }, block : function(node) { console.log("block"); } } }); application.js
define(["jquery", "dashboard"], function(jquery, dashboard) { $("#dailytab").click(function() { dashboard.reload.dailycharts(); }); $("#weeklytab").click(function() { dashboard.reload.weeklycharts(); }); }); can tell me have done wrong or can fix issue. accept coding skills not good.
any on appreciated. in advance
well, dashboard.js didn't return anything. how application.js use it?
define(function() { var = 10; var reload : {...}; var display : {...}; //return interface return { reload : reload, display : display } });
Comments
Post a Comment