托管网站后,外部Javascript库无法正常工作

时间:2015-12-31 17:17:55

标签: javascript jquery html

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

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

2 个答案:

答案 0 :(得分:2)

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

执行该行时,文档中没有类item的元素。

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

在致电.load之前,您应该等待.draggable完成(回拨)。请参阅docs

答案 1 :(得分:0)

我想我发现了你的问题。如果你在shop.js的第27行中断,重新加载页面并在控制台中检查$(“。item”)的值,你会发现它返回一个空数组。在调用draggable之前,你必须初始化这些项目。