javascript 到 zepto - 未捕获的 ReferenceError : setColor is not defined

Question

我正在将一个 javascript 插件转换为 zepto。我有一个名为 setColor 的小函数，它使用 zepto 在页面就绪事件上运行。此函数在 onclick 事件上运行。单击时，它会抛出未定义的函数错误。

<a href="#" class="colorPicker" onclick="setColor('rgb(68,68,68)');return false;" >
        <img src="images/White.png" class="paint-bucket" />
    </a>
<script>

Zepto(function($){
var colorL;
            function setColor(col)
            {
                colorL = context.strokeStyle = col;
            }
});
</script>

P.S = 以上代码只是我插件的一部分:)

Answer 1

您的 setColor 函数是在您作为参数提供给 Zepto 的匿名函数的闭包中定义的，并且在全局范围内是不可见的。另一方面，您作为 onclick 处理程序调用的 setColor 应该在全局范围(即 window)中定义。为了使您的 setColor 函数可以从任何地方访问，您应该在 window 的命名空间中定义它:

JavaScript

Zepto(function($){
    var colorL;
    window.setColor = function setColor(col)
    {
        colorL = context.strokeStyle = col;
    }
});