外部Javascript库不支持';托管网站后无法工作

外部Javascript库不支持';托管网站后无法工作,javascript,jquery,html,Javascript,Jquery,Html,我这里有点怪怪的;我有一个简单的网站()用来加载JQuery库和EasyUI库。JQuery似乎加载得很好,因为我有一个函数,可以在加载页面时打印“ready”。预期的功能是,我可以将看到的每个产品拖到右边的购物车上。如果我从我的计算机上手动运行html文件,这会非常好,但因为它已经被托管了 这里发生了什么事? 感谢您在scripts/shop.js中的第7行提供的帮助$(“#shop”).load(“shopcontent/cat1.html”),但当您在第27行运行$(“.item”).dr

我这里有点怪怪的;我有一个简单的网站()用来加载JQuery库和EasyUI库。JQuery似乎加载得很好,因为我有一个函数,可以在加载页面时打印“ready”。预期的功能是,我可以将看到的每个产品拖到右边的购物车上。如果我从我的计算机上手动运行html文件,这会非常好,但因为它已经被托管了

这里发生了什么事?

感谢您在
scripts/shop.js
中的第7行提供的帮助
$(“#shop”).load(“shopcontent/cat1.html”),但当您在第27行运行
$(“.item”).draggable({
时,它尚未加载

执行该行时,文档中没有类为
项的元素

我的猜测是,
$(“#shop”).load(..
文件中运行时是同步的://
。通过导线加载时显然是不同步的


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

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

您是否在浏览器网络选项卡中看到任何加载错误?否,无。控制台没有给出任何错误,网络选项卡对文件显示200 OK。您是否检查了以确保您的主机没有应用某种类型的f编译器或过滤器到页面(只需确保所有代码看起来都应该是html和js源文件)?我不知道是这样的,只是需要检查一下。请在此处添加有意义的代码和问题描述。不要只链接到需要修复的网站-否则,一旦问题解决或您链接到的网站无法访问,这个问题对未来的访问者将失去任何价值。发布一个r问题将帮助您获得更好的答案。有关更多信息,请参阅,谢谢!这不是同步的,只是本地主机速度足够快,不重要。我看到了,谢谢。对于我来说,什么是确保在脚本执行之前加载内容的最佳方法?此问题被标记为重复,请查看上一个问题我们的答案。好的,我已经通读了一遍,但是我发现()上的
.on
函数的语法有点难理解。我不知道如何让它与
可拖动的
函数一起工作,因为它不是一个本机JQuery函数。我试过做
$('body')。on('draggable','item',function(){//这里的旧函数});
,但这不起作用(控制台说它无法识别
)您可以等待
的回调。在调用
.draggable
之前加载
。我更新了答案。