我的 javascript 文件未加载。 (Drupal7)

Question

我的 javascript 文件不工作。我在检查器中看不到它。我认为它根本没有加载。

我的文件中缺少某些内容？

这是我的整个 js 文件：

$(document).ready(function(){

$(".sf-main-menu li").click(function() {



  /* Add the slider movement */

  // what tab was pressed
  var whatTab = $(this).index();

  // Work out how far the slider needs to go
  var howFar = 160 * whatTab;

  $(".slider").css({
    left: howFar + "px"
  });


});

});

我将其添加到 .info 文件中。

代码应该可以工作，我是从 codepen 那里得到的。我认为文件中可能缺少某些声明，例如 html.

中的文档类型

（此代码移动滑块（菜单项下的一行。）

DOM:

Answer 1

第一个问题，jquery 是否在脚本之前加载？

其次，您应该将其包装在 document.ready.

中

$(function() {
  $(".sf-main-menu li").click(function() {
    ...
  });
});

这将检查是否加载了整个 DOM，否则您可能会将事件侦听器绑定到尚不存在的 DOM节点。

Answer 2

我解决了！ :)

我写了：

jQuery(function ($) {

而不是

$(document).ready(function(){

现在可以使用了。

（我不知道为什么我的问题被扣了那么多分...）

我的 javascript 文件未加载。 (Drupal7)

My javascript file is not loaded. (Drupal7)

javascript

drupal-7