JavaScript 和 DOM

发布于 2024-11-27 07:34:31 字数 674 浏览 1 评论 0原文

我无法理解这种情况:

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

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

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

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

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

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

第三页,错误出现在那里,但仍然是相同的模板。怎么了?

I can't understand such situation:

I have a site template and in header there is code:

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

corner() is just a jQuery-plugin function. But the problem is:

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

It works at main page, but at another one (with the same template) - doesn't work.

To view everything in action, look at this page. You will see header (blue top div) rounded and there aren't any errors in firebug console. Now go to this page. Everything works too, but this time that's not the main page (it still uses same template file).

And the third page, the error appears there but still the same template. What's wrong?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

夏花。依旧 2024-12-04 07:34:31

问题是 $ 是一个愚蠢的名字a 代表函数

第三页中,$由jQuery定义并由Prototype重新定义。你会遇到冲突。

首先重写所有 jQuery 内容,使用 jQuery 而不是 $ 并调用 无冲突

The problem is that $ is a stupid name a for a function.

On the third page, $ is defined by jQuery and redefined by Prototype. You are getting conflicts.

Start by rewriting all your jQuery stuff to use jQuery instead of $ and call noConflict.

酒儿 2024-12-04 07:34:31

一个好的解决方案是像这样对脚本使用命名空间,以避免命名冲突,正如昆汀已经提到的那样。

您仍然可以通过执行以下操作来使用 $:

(function($) {
  //your code goes here and can use $ as jQuery without interfering with Prototype
} (jQuery));

这样您就不必直接使用 $,同时能够有选择地使用 $。

A good solution is to use namespacing for your scripts like this to avoid naming conflicts as Quentin already mentioned.

You can still use $ by doing the following:

(function($) {
  //your code goes here and can use $ as jQuery without interfering with Prototype
} (jQuery));

This way you never have to use $ directly while being able to selectively use $.

如歌彻婉言 2024-12-04 07:34:31

如果您在控制台中输入:

$.toString();

您会看到某些脚本在某个地方覆盖了 jQuery 快捷方式$。这很可能是该错误的原因。要解决这个问题,请为整个代码创建一个包装器上下文:

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

这将保证 $ 符号现在引用该函数上下文中的 jQuery 对象。

If you type into your console:

$.toString();

You'll see that some script, somewhere overwrites the jQuery shortcut $. That is most likely the reason for that error. To solve that, create a wrapper context for your whole code:

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

That will guarantee that the $ symbol now refers the jQuery object, within that function context.

不顾 2024-12-04 07:34:31

如前所述,您与 Prototype 发生了名称冲突。解决这个问题最简单的方法是:

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

As mentioned, you have a name collision with Prototype. The easiest way to fix this is:

jQuery(function($) {
    $('#header').corner();
    ...
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文