【问题标题】:JsFiddle not executing on readyJsFiddle 未在就绪时执行
【发布时间】:2016-04-03 15:59:54
【问题描述】:

我正在关注 guy's example 摆弄,但尽管他在左侧添加了 jQuery,但脚本在运行时并未执行。

//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js
$(document).ready(function(){
  alert("hjk");
});

我不能问他,所以我想知道我会错过什么简单的事情。

我在 jQuery 的页面 here 上检查了语法是否正确。提到了 jQuery 库的链接here

【问题讨论】:

  • 你必须在那里添加 jquery 库。 jsfiddle.net/9upkgsLz/1
  • 它已添加到左侧窗格中。它来自我问题中的链接。还有什么需要补充的?
  • 您包含的链接指向 404 错误 (jsfiddle.net/9upkgsLz/ajax.googleapis.com/ajax/libs/jquery/…),您很可能错过了应该复制的 // 中的第一个 /
  • @GabyakaG.Petrioli 奇怪。当我单击左侧的 js.min 链接时,我会在屏幕上看到文本文件。这是this link...我删除它并再次粘贴它似乎解决了这个问题。奇怪...
  • 查看浏览器控制台中抛出的错误。它清楚地表明 $ 未定义,并且您的演示中的路径也不正确。始终检查控制台是否有错误!

标签: jquery html jsfiddle


【解决方案1】:

只需点击javascript内容框右上角的Javascript按钮,选择jquery作为框架,你也可以在onDomready和onLoad之间进行选择。无需在左侧窗格中手动添加 jquery js。

此外,javascript 内容框内的 js 代码不应包含在 $(document).ready 之类的东西中,因为 jsfiddle 已经这样做了。

【讨论】:

    猜你喜欢
    • 2019-05-21
    • 1970-01-01
    • 2018-08-15
    • 2021-07-10
    • 2022-12-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多