Wordpress - 上传到生产时Jquery无法正常工作

Question

我有一个包含jquery的自定义主题。它在本地工作正常，但是当我在生产网站上传主题时，Jquery似乎不起作用。

这是jquery的预览：

http://123.lyrics17.com/master.html

但是，当我重新下载上面的链接（保存“网页，完成”）时，Jquery工作正常，没有任何代码更改。

你可以在这里查看： http://123.lyrics17.com/downloaded.html

Jquery没有加载吗？还是有错误？

Answer 1

浏览器控制台是您的朋友。务必先检查错误。

  

来自原点的字体＆＃39; http://kppnjakarta2.web.id＆＃39;已被封锁   通过跨源资源共享策略加载：否   ＆＃39;访问控制允许来源＆＃39;标题出现在请求的上   资源。起源＆＃39; http://123.lyrics17.com＆＃39;因此是不允许的   访问。

您可能知道或者可能不知道，有些事情是您无法做到的，例如从其他域加载脚本。我猜测http://kppnjakarta2.web.id是您的本地计算机，这只是您的代码中的一个错误。更新所以你使用相对路径将是我的建议。

它在本地工作的原因是因为浏览器看到该地址是本地地址，并且本地站点关闭了同源安全实现。

Answer 2

请设置属性"aria-controls" li tag：

http://123.lyrics17.com/downloaded.html

中的

<li aria-expanded="false" aria-selected="false" aria-labelledby="ui-id-1" aria-controls="tabes-1" tabindex="-1" role="tab" class="ui-state-default ui-corner-top"><a id="ui-id-1" tabindex="-1" role="presentation" class="ui-tabs-anchor" href="#tabes-1">Semua</a></li>

http://123.lyrics17.com/master.html

中的

<li aria-expanded="false" aria-selected="false" aria-labelledby="ui-id-1" aria-controls="ui-id-2" tabindex="-1" role="tab" class="ui-state-default ui-corner-top"><a id="ui-id-1" tabindex="-1" role="presentation" class="ui-tabs-anchor" href="#tabes-1">Semua</a></li>