javascript - 托管网站后外部 Javascript 库无法工作

标签 javascript jquery html

我这里有一个奇怪的错误;我有一个简单的网站( http://davidpuetter.azurewebsites.net/shop.html# ),应该加载 JQuery 库和 EasyUI 库。 JQuery 似乎加载得很好,因为我有一个函数可以在加载页面时打印出“ready”。预期的功能是,我可以将那里看到的每个产品拖到右侧的购物车上。如果我从计算机上手动运行 html 文件,则效果非常好,但由于它已被托管,因此无法正常工作。

这里发生了什么?
感谢您的帮助

最佳答案

scripts/shop.js 第 7 行,您正在调用 $("#shop").load("shopcontent/cat1.html");,但是当您在第 27 行运行 $(".item").draggable({ 时,它尚未加载。

当执行该行时,文档中不存在具有 item 类的元素。

我的猜测是,$("#shop").load(..file://中运行时是同步的,加载时显然不同步通过电线。

您应该等待.load完成(回调),然后再调用.draggable。请参阅docs .

关于javascript - 托管网站后外部 Javascript 库无法工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34549553/

相关文章:

javascript - 防止图像旋转到 d3 径向树上的 SVG 圆中

javascript - 一次只能打开一个 Accordion 标签

jquery - 刷新或重新加载数据表

javascript - Bootstrap Twitter 输入类型文件如何清除该文件?

javascript - Requirejs 和外部脚本

html - 创建一个指向非 80 端口的 IP 的域名

javascript - 使用变量作为数组名称

带有异步的自调用函数的 Javascript 语法

javascript - 如何摆脱变音符号(〜来自ñ,'来自á和é)?

javascript - 在 <h2/> 标题中显示 JS 表中的 html 数据