Javascript在JSFIDLE上不起作用

我正在处理JSFIDLE，但javascript文件似乎没有添加到我的html中。当屏幕达到一定宽度时，我试图从页脚上的div中删除一个类。我正在使用引导，我有以下页脚：

HTML

现在，我想在屏幕为500px宽时删除text right类：

JAVASCRIPT

什么也没有发生…

通过添加括号，您将立即执行代码，然后将readaptClasses的返回值传递给load函数

试着这样做：

$(document).load(readaptClasses)

为了不必担心代码放在哪里，您应该使用$document.readyreadaptClasses而不是load

注意：一个好的快捷方式DOM就绪处理程序如下：

$(readaptClasses);

更新： 您的代码也有冒号，而不是分号终止几行。这只会在控制台中产生语法错误。此处的固定版本：

JSFiddle：

注意，您可以使用带有布尔第二个参数的toggleClass简化代码，如下所示：

var readaptClasses = function(){
  var width = $(window).width();
  $("#footer-right").toggleClass("text-right", width >= 500);
};

jsidle:

通过添加括号，您将立即执行代码，然后将readaptClasses的返回值传递给load函数

试着这样做：

$(document).load(readaptClasses)

为了不必担心代码放在哪里，您应该使用$document.readyreadaptClasses而不是load

注意：一个好的快捷方式DOM就绪处理程序如下：

$(readaptClasses);

更新： 您的代码也有冒号，而不是分号终止几行。这只会在控制台中产生语法错误。此处的固定版本：

JSFiddle：

注意，您可以使用带有布尔第二个参数的toggleClass简化代码，如下所示：

var readaptClasses = function(){
  var width = $(window).width();
  $("#footer-right").toggleClass("text-right", width >= 500);
};

---

JSFIDLE:

应在DOM加载到浏览器后执行JavaScript。立即执行它可能会破坏它，因为您将缺少一些DOM元素

您有3种选择：

将代码放入$document.ready中-此jQuery函数将执行与@trueblueaussie建议的相同的操作 将代码放在body标记的末尾-它将在解析DOM后执行 向脚本添加defer属性-这将告诉浏览器在加载DOM后执行此脚本。 这种方法还将提高页面负载，因为客户端将首先看到一些HTML，这会让他感到高兴，然后您的脚本将完成其余工作：

有用链接：

---

JavaScript应该在DOM加载到浏览器后执行。立即执行它可能会破坏它，因为您将缺少一些DOM元素

您有3种选择：

将代码放入$document.ready中-此jQuery函数将执行与@trueblueaussie建议的相同的操作 将代码放在body标记的末尾-它将在解析DOM后执行 向脚本添加defer属性-这将告诉浏览器在加载DOM后执行此脚本。 这种方法还将提高页面负载，因为客户端将首先看到一些HTML，这会让他感到高兴，然后您的脚本将完成其余工作：

有用链接：

---

到您的JSFIDLE的链接在哪里？我可以看出，您的脚本是在外部定义的，这不是一个好主意。您的自定义js代码导入到哪里？你能链接你的fiddlejs吗？对不起，我不想复制所有的html，我复制了代码片段，脚本在正文中。我必须为js添加脚本标记吗？我认为它会自动添加CSS，也就是src URL？指向JSFIDLE的链接在哪里？我可以看出，您的脚本是在外部定义的，这不是一个好主意。您的自定义js代码导入到哪里？你能链接你的fiddlejs吗？对不起，我不想复制所有的html，我复制了代码片段，脚本在正文中。我必须为js添加脚本标记吗？我认为它会自动添加CSS，也就是src URL？因为这是一个jQuery标记的问题，jQuery DOM就绪处理程序应该是选项1，而不是使用doc就绪。那么代码在页面中的位置就无关紧要了：Og我的错误，只是想从最低到最高级的解决方案：将修复它如果您最后想要最高级和最兼容的解决方案，请添加document.ready作为选项4：我不是指document.load。。。我是说，准备好了！我已经更新了我自己的答案，以澄清这些选项。选项2应该是将您的代码放在body标签的末尾。选项3应该有一个兼容性警告：因为这是一个jQuery标记的问题，所以jquerydom就绪处理程序应该是选项1，而不是使用docready。那么代码在页面中的位置就无关紧要了：Og我的错误，只是想从最低到最高级的解决方案：将修复它如果您最后想要最高级和最兼容的解决方案，请添加document.ready作为选项4：我不是指document.load。。。我是说，准备好了！我已经更新了我自己的答案，以澄清这些选项。选项2应阅读“放置您的代码”

---

在body标记的末尾。选项3应该有一个兼容性警告：好的，我已经更改了我要编辑文章的内容，但仍然不起作用：\n代码中也有冒号而不是分号！另外，不要使用警报进行调试。console.log是你的朋友：哦，天哪，我没有注意到，对不起，我太习惯于在运行编译器的环境中工作了，我的错。使用TypeScript或其他高级JS包装器：好的，我已经更改了，我要编辑这篇文章，但它仍然不起作用：\n你的代码中还有冒号而不是分号！另外，不要使用警报进行调试。console.log是你的朋友：哦，天哪，我没有注意到，对不起，我太习惯于在运行编译器的环境中工作了，我的错。使用TypeScript或其他高级JS包装器：