javascript - 在 jquery 代码中调用外部 javascript 函数

Question

$(function(){

function f1(){}
function f2(){}

}

<Input type = radio Name = radiobutton Value = "something" checked=checked onClick= //here call f1()//>

我尝试访问 OnClick 中的 f1 函数

这样的代码不起作用:

$.function.f1()
$.function().f1()

Answer 1

那是因为你应该这样做:

$(function () {

    function foo () { }
    function bar () { }

    // bind
    $('input').on('click', foo);

});

... 而不是在您的 HTML 标记上放置 onclick= 属性。

编辑

根据要求，一些关于为什么您应该执行 jQuery 绑定(bind)而不是 onclick 标记的快速说明。

1. 您已经在使用简单明了的 jQuery。使用它。
2. 应该努力将 HTML、CSS 和 JS 分开。 HTML 文件中的 HTML，JS 文件中的 JS，等等。在您的 HTML 标记中放入 onclick=do_backflips() 违反了这一点，并且将在未来导致噩梦般的维护问题，等等。
3. DOM0 onclick= 语法本质上是 1:1。这自然意味着，对于每个元素的每个事件，您只能附加一个事件处理程序。这绝对是糟透了。
4. 通过在 document.ready 处理程序函数中定义您的 f1 和 f2 函数，您可以将它们的范围限制在该函数内。这意味着它们不能在该范围之外被引用，这意味着脚本解释器将不知道 f1 您的 HTML 标记所在的位置。您必须在处理程序已知的地方附加事件处理程序，这在 document.ready 中(如果有意义的话)。