JavaScript 和 DOM

Question

我无法理解这种情况:

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

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

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

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

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

要查看所有操作，请查看 this页。您将看到圆形的标题(蓝色顶部 div)并且 Firebug 控制台中没有任何错误。现在转到 this页。一切正常，但这次不是主页(它仍然使用相同的模板文件)。

还有 third page ，错误出现在那里但仍然是相同的模板。怎么了？

Answer 1

问题是 $ is a stupid name a for a function .

在第三页，$是jQuery定义的，Prototype重新定义的。你遇到了冲突。

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