jsFiddle:函数未定义

本文介绍了jsFiddle:函数未定义的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！问题描述

我在调用JavaScript部分中定义的函数时遇到了问题.

I'm having an issue with calling functions defined in my JavaScript section.

此版本在我的控制台中产生一个错误:

This version generates an error in my console:

ReferenceError: manualSaveChanges is not defined

jsfiddle/msobczak/oa8rc27n/50/

我尝试在类中命名所有函数，但是现在控制台报告此错误:

I tried namespacing all of my functions in a class, but now the console reports this error:

ReferenceError: GridFunctions is not defined

jsfiddle/msobczak/oa8rc27n/53/

我尝试过onLoad，Head中没有换行，Body中没有换行.错误仍然存在.

I've tried onLoad, No wrap in Head and No wrap in Body. The error remains.

编辑

我要开始使用的代码不是一个简单的例子".我有尝试更改代码包装，并在其中定义功能另一堂课.这些解决方案都不适合我.

The code I'm trying to get to work is not a "simple example". I've tried changing the code wrapping, and defining the functions in another class. Neither of those solutions worked for me.

最终，我想显示我的jquery网格，并且还可以访问我在JavaScript部分中定义的功能.我该如何解决这个问题?

Ultimately, I'd like to get my jquery grid to display and also have access to the functions I define within the JavaScript section. How can I resolve this issue?

好吧，如果我因为没有同时包含两个示例的所有代码而被否决，这是第一个示例:

OK, if I'm being downvoted because I didn't include all of my code for both examples, here's the first example:

我无法提供第二个示例，因为那将超出Stack Exchange主体限制30000.

I can't include the second example because that would exceed the Stack Exchange body limit of 30000.

推荐答案

我的jsFiddle示例所遇到的问题的解决方案是双重的:

The solution to the issue I was having with my jsFiddle sample was twofold:

1)更改了jsFiddle页面，以使用 No Wrap-in body

1) Changed the jsFiddle page to use No Wrap - in body

2)将所有独立的JavaScript函数更改为包含在名为GridFunctions的JavaScript类中，然后更改所有调用这些方法的实例以使用以下约定:

2) Changed all of my standalone JavaScript functions to be contained within a JavaScript class called GridFunctions, then change all instances where I called those methods to use the following convention:

GridFunctions.manualSaveChanges();

在许多实例中，GridFunctions中的方法在GridFunctions中称为其他方法.例如，manualSaveChanges()称为saveChanges().要解决该问题，我需要将manualSaveChanges()中的代码更改为以下内容:

There were several instances where methods in GridFunctions called other methods in GridFunctions. For instance, manualSaveChanges() called saveChanges(). To resolve that issue, I needed to change my code within manualSaveChanges() to the following:

this.saveChanges();

这是一个有效的jsFiddle示例:

Here is a working jsFiddle example:

jsfiddle/msobczak/oa8rc27n/61/

我希望这可以帮助某人.

I hope this helps someone out.

更多推荐

jsFiddle:函数未定义