Javascript $（window.load（）块中的jQuery事件不'；在firebase上托管后无法工作

我已将静态网站部署到firebase主机。这是一页-

有一个链接到此页面的脚本filterContent.js。此脚本中有两个代码块：

$（文档）。就绪（函数（）{…}

和

$（窗口）。加载（函数（）{…}

。从

键入事件（
.keyup（）
）。就绪（）

块工作正常，但从

单击事件（
.click（）
）。加载（）

块根本不工作。

.load（）的内容

block：

$（窗口）.load（函数（）{
控制台日志（“窗口加载”）；
var navLinkSelector=“a.mdl-navigation\uu link”；
var subsolutionBlockSelector=“.subsolution block”；
//按链接单击进行筛选
$（navLinkSelector）。单击（函数（eventObject）{
var currentLink=eventObject.target；
var parent=$（currentLink）.parent（）；
var links=parent.children（）；
var curLinkIdx=links.toArray（）.indexOf（currentLink）；
$.each（链接、函数（索引、元素）{
如果（索引！=curLinkIdx）{
$（elem）.css（“字体重量”，“正常”）；
}
});
如果（$（currentLink）.attr（“id”）！=“clearFilter”）{
if（$（currentLink）.css（“字体重量”）！=“粗体”）{
$（currentLink）.css（“字体大小”、“粗体”）；
}
$（subsolutionBlockSelector）。每个（函数（）{
if（$（currentLink）.text（）.search（$（this.attr（“title”））<0）{
$（this.hide（）；
}否则{
$（this.show（）；
}
});
if（$（“#clearFilter”）.css（“显示”）=“无”）{
$（“#clearFilter”）.show（）；
}
}否则{
$（subsolutionBlockSelector）.show（）；
}
if（$（“.mdl-layout\uu drawer”）.hasClass（“可见”））{
$（“.mdl布局”）.get（0.MaterialLayout.toggleDrawer（）；
}
});
$（“#clearFilter”）。单击（函数（eventObject）{
eventObject.preventDefault（）；
如果（$（this.css（“显示”）！=“无”）{
$（this.hide（）；
}
});
});

但当我用

gulp-service:dist在本地运行网站时，一切正常

当我通过谷歌硬盘托管这个网站时，问题也是一样的

---

它显示跨源请求被阻止：您可能需要检查非常感谢@progym

我读过这篇文章-

将事件链接从子级更改为<代码>$（navLinkSelector）。单击（函数（eventObject）{…}到它的父级<代码>$（“#子解决方案列表”）。单击（“单击”，navLinkSelector，函数（eventObject）{…}

现在它可以工作了

---

我在firefox中同时有console.log“document loaded”和“window loaded”。您在哪个浏览器中遇到问题？跨源请求被阻止：google API（原因：CORS标题“Access Control Allow Origin”丢失）。我使用Chrome和firefox。是的，console.log可以工作，但单击事件不能工作。@Lucas此错误是什么意思？