Question

假设我们有3个功能：

// Notice there are no $(document).ready function
function third(par)
{
    // uses jQuery.fadeIn() and jQuery.fadeOut()
}

function second()
{
    // do normal javascript
    third('Something')
}

function main()
{
   var response = $.ajax() // an ajax call with jQuery
}

现在让我们看一下HTML页面

<button onclick="main()">Click me, please</button>

似乎内部$(document).ready内的函数定义不可用，因此main()如果放在$(document).ready内，则不会定义main() 我用FireBug检查了每个函数的动作，我可以告诉你：

调用second()函数，调用ajax调用返回正确的数据。
成功调用third()函数
调用{{1}}函数但发生错误：fadeIn（）未定义为任何其他jQuery函数。

我的问题是：如何将jQuery函数附加到HTML onclick事件调用者？

Answer 1

文件准备就绪内的

$ ('button').click(main);

或

var main;

$(document).ready(function(){
main = function(){...}
...
});

jQuery和onclick html函数回调

1 个答案: