大佬教程收集整理的这篇文章主要介绍了javascript – Basic RequireS帮助 – 如何调用/定义函数？也使用onclick和jquery，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我是超级困惑的家伙…我不知道我在做什么
我一直在看着requireJS和AMD教程昨天和今天的一天的例子,到了这一点,但是我认为我对于一个模块还有一个根本的误解.
>我有一堆从我的HTML元素调用“onClick”的函数…
>如何用requireJS定义我的函数,以便我可以调用它们？所以困惑：/我也不明白
>如何获取我的onLoad函数来调用(在我的例子中它的$(function(),但是如何在requireJS中启动它？)
我正在使用Node v0.10.12
<html> ... <head> <script data-main="" src="libraries/require.js"></script> ... <script> ... //I really need all these javascript files for every function defined on this page... require(['simulatorConfiguration.js','modelConfiguration.js','libraries/jquery-1.10.2.min.js','libraries/jquery.lightbox_me.js','libraries/jquery-migrate-1.2.1.js','libraries/raphael-min.js'],function(start) { $(function() { loadPage(); //<--- CALL LOAD PAGE,but it can't find the function //do some jquery stuff }); }); //function that get's called on body onload! define('loadPage',function loadPage() { hideAllDivs(); //more jquery stuff... createModelMenu(); //more jquery stuff... }); define('hideAllDivs',function hideAllDivs() { //some UI stuff... }); define('createModelMenu',function createModelMenu() { //some jquery stuff... }); define('createTestMenu',function createTestMenu(model_key) { var javascriptLoc = "models/" + models[model_key].modelDir + "/TESTConfiguration.js"; require([javascriptLoc],function(util) { showModelInformation(model_key); //some Jquery stuff... }); }); define('showModelInformation',function showModelInformation(model_key) { hideAllDivs(); //some jquery stuff }); define('showTest',function showTest(test_key) { hideAllDivs(); //some RaphaelJS stuff... }); define('takeControl',function takeControl() { //some UI stuff }); define('giveUpControl',function giveUpControl() { //some UI stuff... }); </script> </head> <body> ... <li><a href="#" id="AoD" onclick="showTests(this.id)">Audio On Demand</a></li> ... <input type="submit" value="Yes,Release Control" onclick="giveUpControl()"> .... <input type="submit" value="Take Control" onclick="takeControl()"> .... </body>
我需要做如下事情：
//function that get's called on body onload!
define('loadPage',function loadPage()
{
return function(loadPagE)
{
hideAllDivs();
//more jquery stuff...
createModelMenu();
//more jquery stuff...
}
});
//and call it with loadPage.loadPage(); ?
或者可能是这样：
//function that get's called on body onload!
define('loadPage',function loadPage()
{
return function()
{
hideAllDivs();
//more jquery stuff...
createModelMenu();
//more jquery stuff...
}
});
要么
function(loadPagE)?
我看过这些类似的问题：
> Calling methods in RequireJs modules from HTML elements such as onclick handlers
> How do I use jquery ui with requirejs
> How can I include jQueryUI in my modular backbone.js app using RequireJS?
这些也是有帮助的,但还没有：
> http://hippieitgeek.blogspot.se/2013/07/load-jquery-ui-with-requirejs.html
> http://www.requirejs.org/jqueryui-amd/example/webapp/app.html
> https://github.com/jrburke/jqueryui-amd
我尝试将函数分成另一个文件,所以我有“index.html”和“Logic.js”…这里是要点：
> https://gist.github.com/anonymous/6439418
=========================================
解
// (a) Create two modules,'hideAllDivs' and 'loadPage'.
define ('hideAllDivs',[],function () {
return function() {
};
});
define('loadPage',['hideAllDivs'],function(hideAllDivs)
{
return function()
{
hideAllDivs();
//more jquery stuff...
createModelMenu();
//more jquery stuff...
};
});
// (b) Load the loadPage module and call it.
require(['jquery-blah-blah','loadPage','anotherModule'],function($,loadPage,anotherModulE) {
$(function() {
loadPage();
});
});
以上是大佬教程为你收集整理的javascript – Basic RequireS帮助 – 如何调用/定义函数？也使用onclick和jquery全部内容，希望文章能够帮你解决javascript – Basic RequireS帮助 – 如何调用/定义函数？也使用onclick和jquery所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。