JavaScript和DOM

Question

我无法理解这种情况:

我有一个网站模板,在标题中有代码:

$(document).ready(function () {
    $('#header').corner();
    ...
}

corner()只是一个jQuery插件函数.但问题是:

("#header") is null
    $('#header').corner();

它在主页面上工作,但在另一个页面上(使用相同的模板) - 不起作用.

要查看所有操作,请查看此页面.您会看到标题(蓝色顶部div)四舍五入,并且firebug控制台中没有任何错误.现在转到此页面.一切都有效,但这次不是主页面(它仍然使用相同的模板文件).

而第三页,出现的错误,但还是一样的模板.怎么了？

Answer 1

问题是$是函数的愚蠢名称.

在第三页,$由jQuery定义并由Prototype重新定义.你遇到了冲突.

首先重写所有要使用的jQuery内容jQuery而不是$调用noConflict.