在jsfiddle中测试一个函数

Question

对不起,这里真是个愚蠢的问题.如果你发布一个关于javascript或jquery的问题,人们常说 - 创建一个jsfiddle.

所以我做了.我的问题是如何使用jquery让divs上滑,但我甚至无法获得在jsfiddle中运行的基本javascript函数.

http://jsfiddle.net/ubq6E/

<div onclick="showit()">Hello</div>
function showit()
{
alert('hi');
}

一个div,点击它来调用一个javascript函数,但jsfiddle说这个函数没有定义.你能不能在jsfiddle中这样做？

Answer 1

您已onLoad在jsfiddle中选择了默认选项.

这会导致站点将整个代码包装在回调函数中,这意味着您的showit函数不是DOM0内联事件处理程序所需的全局函数.

根据我个人的偏好顺序,有几种解决方法:

1. 不要使用DOM0内联处理程序,它们真的是旧学校 - element.addEventListener()而是将您的标记与JS分开.

2. window.showit = function() { ... }而是使用强制您的函数出现在全局名称空间中.

3. 选择一个"无包装"选项