jsfiddle问题[重复]答案

【问题标题】：jsfiddle question [duplicate]jsfiddle问题[重复]
【发布时间】：2011-10-13 00:11:42
【问题描述】：

我无法让这个极其简单的 jsfiddle 工作。它只是应该在单击按钮时提醒测试。我在这里错过了什么？

【问题讨论】：

【解决方案1】：

您必须将加载方法更改为不换行（头部）。

这与 JavaScript 的加载方式以及读取方法签名的时间有关。 http://jsfiddle.net/u9nG6/11/

【讨论】：

【解决方案2】：

您正在使用 jquery + ondomready。这意味着您编写的任何 javascript 都放置在

$(function() {

和

});

这会导致范围问题。您可以尝试以下方法。

window.validateForm = function() {
}

【讨论】：

【解决方案3】：

选择 jQuery 框架来加载 onDomReady，因此您的函数被包裹在 jQuery 匿名函数 $(function(){ }); 中并且不可见。要么更改 jQuery 以加载为 no wrap (head)，要么在全局范围内定义您的函数。

【讨论】：

【解决方案4】：

见here。

您需要在全局范围内定义您的 validateForm 函数，以便能够像这样在 HTML 中使用它。否则，您将其定义为一个函数在onDomReady 事件的范围内，在该范围之外无法访问。

更“jQuery-ish”的方法是使用 jQuery 来处理 click 事件，如下所示：

$("#id_btnSubmit").click(validateForm);

有关该建议的示例，请参阅 here。

【讨论】：