Drupal jQuery 命名空间

Question

我可以使用简短方便的美元 jQuery 表示法我正在使用以下代码结构：

(function($) {
    $('div#webform-component-team-name').css('background', 'blue');
    alert('testing!');
    console.log('working...!');
})(jQuery);

但是，除了我的 alert 和 console.log 语句之外，我发现没有任何效果。这些语句工作正常，但改变背景颜色的第二行（或以 $ 开头的任何其他内容）不能。

Answer 1

我相信 alert 和 console.log 函数应该在没有 jQuery 的情况下工作（console.log 取决于您的浏览器）。所以我要检查的第一件事是 jQuery 实际上在您的页面中加载正常，并且在您运行此匿名函数之前可用。

作为一个有用的旁白，有很好的解释使用自执行函数来命名空间 javascript / jQuery here。

它扩展了您使用的语法，如下例所示：

(function( skillet, $, undefined ) {
// do stuff here
}( window.skillet = window.skillet || {}, jQuery ));

并展示如何将函数设为公开和私有。