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

【问题标题】：My javascript file is not loaded. (Drupal7)我的 javascript 文件未加载。 (Drupal7)
【发布时间】：2017-06-20 12:19:19
【问题描述】：

我的 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 中的 doctype。

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

DOM：

【问题讨论】：

你是如何将它包含在你的 html 中的？在此之前您是否包含了 jQuery？ .info 文件是什么？
您好，请尝试写一个更有意义的标题，以增加对周围人的兴趣。我进一步建议您改进描述，添加有关您的案例的重要细节。例如，您已经进行的检查、您认为代码应该做什么以及何时。
@Sankar Raj 我将此 js 文件添加到带有信息文件（在 drupal7 中）的 html 中，我所做的其他 jquery 正在工作

标签： javascript drupal-7

【解决方案1】：

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

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

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

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

【讨论】：

我按照你说的修改了我的帖子。还有我的代码，但它不起作用。 jquery 在脚本之前加载？我怎么知道？

【解决方案2】：

我解决了！ :)

我写道：

jQuery(function ($) {

而不是

$(document).ready(function(){

现在它正在工作。

（我不知道为什么我的问题得到了这么多的减分...）

【讨论】：