javascript - onclick 属性未按预期工作

Question

我有一个 jquery 文件如下:

$('.font').click(function(){
        for(i=0;i<FontArray.length;i++){
            var font = FontArray[i]; 
            $('#view_container').append("<button class='b_font' id='"+font+"' onclick='saveMe("+font+");'>"+font+"</button>");
            $('.'+font).css('font-family',font);
        }
        // event.preventDefault();
    });

函数saveMe定义如下:

function saveMe(font){
        alert(font);
    }

但是当我点击任何一个按钮时，我得到以下错误: 未捕获的 ReferenceError:未定义 saveMe

谁能帮我解决这个问题？

提前致谢!

Answer 1

线

onclick='saveMe("+font+");'

呈现为

onclick='saveMe(arial);'

所以当你点击它时，它正在寻找一个变量 arial 而不是字符串 "arial"。你需要引用它。

onclick='saveMe(\""+font+"\");'

现在 saveMe 没有被定义，需要有更多的上下文。什么时候定义 saveMe？如果它在文档就绪/窗口 onload 方法内部，那么您需要将它放在它之外，以便它在窗口范围内可用。

和线

$('.'+font).css('font-family',font);

应该是

$('#'+font).css('font-family',font);