javascript - Drupal 7 模块不加载 JavaScript 代码

Question

我正在尝试为我的模块加载一个 JavaScript 文件。javascript 代码应该执行并动态应用一些 CSS 样式。

但是，我的 jQuery 没有任何效果。普通的原生 JavaScript 代码有效，但我的 jQuery 代码无效。

我正在使用以下代码加载我的 JavaScript：

drupal_add_js(drupal_get_path('module', 'my_module') .'/js/mycode.js', 'file');

我在任何函数之外应用此代码，但在已满hook_node_view时将其加载。$view_mode

以下是我的javascript：

(function ($) {

    alert('RESPONDING!');

    $('#page').css('background', 'red')

    alert('RESPONDING-2!');


    jQuery('body').click(
        function () {
            alert('clicked!');
        }
    );

})(jQuery);

没有任何$/jQuery标记有效，但两个警报语句都有效。

Answer 1

@塔里亚马：

感谢您的所有意见和想法。

您对 console.log($('#page')) 的建议非常有启发性。当输出完全为空时，我意识到出现了严重错误。它让我思考，我决定尝试将代码重新定位到“页面底部”。

使用以下修改后的代码：

drupal_add_js(drupal_get_path('module', 'my_module') .'/js/mycode.js', array('type' => 'file', 'scope' => 'footer'));

我的$/jQuery标记代码现在执行。

谢谢！