Question

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

但是，我的jQuery没有任何效果。普通的vanilla 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

@Thariama：

感谢您的所有意见和建议。

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

使用以下修改后的代码：

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

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

谢谢！

Drupal 7模块没有加载JavaScript代码

1 个答案: