jquery 1.4.4 在 wordpress 网站上打破谷歌地图答案

【问题标题】：jquery 1.4.4 breaking Google map on wordpress sitejquery 1.4.4 在 wordpress 网站上打破谷歌地图
【发布时间】：2014-05-13 05:15:40
【问题描述】：

我使用带有搜索/映射功能的主题，一切都很好，但是由于添加了一个调用某些 JS 的按钮，Google 地图无法加载。

这是破坏地图功能的代码

    <!-- Start Bookatable Code -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://secure.livebookings.com/lbui/plugins/direct/lbui.direct.min.js"></script>
    <a id="target" href="#">Book Now</a>
    <script type="text/javascript">
    $(function () { $("#target").lbuiDirect(
    {
    connectionid  :  "UK-TRENCHERMANSGUIDE:47231",
    style  :  {
    baseColor  :  "ee008c"
    },
    restaurantid  :  "101062",
    modalWindow  :  {
    enabled  :  true}
    });
    });
    </script>
    <!-- End Bookatable Code -->

页面的外观http://insidersguide.segmant.co.uk/item/jamie-olivers-fifteen-cornwall/

这是当“立即预订”按钮位于页面http://insidersguide.segmant.co.uk/item/orange-juice-bar/时页面的样子@

这让我有点发疯，请帮助！

【问题讨论】：

在浏览器中打开控制台......它似乎在三点失败。
您在使用之前没有包含 jQuery autocomplete 插件。在指责其他脚本之前先修复这些错误。
@feeela：如果您要编辑标签，请多加注意，并正确拼写。标签编辑系统甚至会为您自动完成...您如何拼错自动完成？

标签： javascript jquery autocomplete

【解决方案1】：

为什么要在页脚中加载一个非常旧的 1.4.4 jQuery 库，并在上面的代码中提供链接？以及标题中最新的 jQuery 库？它们是冲突的。

在 Firefox 中使用 Firebug，或使用 Chrome 或 Safari 或 IE 中的开发人员工具来查看您的网站上加载了哪些 javascript 以及错误。

【讨论】：

嗨 songdogtech，该代码是由该 Booking 公司为我生成的，我可以将其更改为加载任何版本，但它仍然会导致地图无法加载