使用占位符html5时出现奇怪的Javascript问题

时间:2014-02-02 06:20:32

标签: jquery html5 placeholder

我使用placeholders.js,但我在控制台中收到以下错误...

[Error] TypeError: 'undefined' is not a function (evaluating 'Placeholders.init({
                    live: true,
                    hideOnFocus: false,
                    className: "yourClass",
                    textColor: "#999"
                    })')
complete (main.js, line 416)
j (modernizr.js, line 4)
(anonymous function) (modernizr.js, line 4)
h (modernizr.js, line 4)
onload (modernizr.js, line 4)

这是围绕这些线路的代码,任何人都可以看到这是错误的我现在已经尝试了几个小时,我只是无法理解它。

if (!Modernizr.placeholder) {
Placeholders.init({
live: true,
hideOnFocus: false,
className: "yourClass",
textColor: "#999"
});    
}

1 个答案:

答案 0 :(得分:6)

您是否尝试使用找到here的Brushed网页模板?尝试使用该模板时遇到了同样的问题,因为它包含您发布的完全相同的代码。

要解决我的问题,我转到Placeholders' Github page查看界面。在那里,我发现Placeholders.js文件中没有定义init()函数,并且在Setup部分下面说:

  

Placeholders.js非常容易使用。只需下载脚本,将其包含在任何网页的底部,然后让它完成剩下的工作。它只是标记中的一行。

所以,不要担心调用init()函数。您所要做的就是包含Placeholders.js文件,没有别的。有了这个,我的错误就消失了!我知道这是一个迟到的回应,但我希望它有助于某人。