Google Maps MarkerClusterer v3 和 jQuery 自动完成导致错误答案

【问题标题】：Google Maps MarkerClusterer v3 and jQuery autocomplete cause errorGoogle Maps MarkerClusterer v3 和 jQuery 自动完成导致错误
【发布时间】：2014-07-20 09:18:28
【问题描述】：

我正在尝试实现Google Maps MarkerClusterer 示例，并且一切似乎都运行良好，直到我尝试添加一些 jQuery 自动完成脚本。只要我包含以下代码，MarkerClusterer 就会停止工作：

$(document).ready(function() {  
    $("#SaleCity").autocomplete( "../home/ajaxSelectCity/");
    $("#subjectproperty").autocomplete("../home/ajaxSelectSubject/");
});

这些是页面上用于自动完成的输入：

  <input    type="text" 
        id="subjectproperty"                
            style="margin-left:0px;" 
            placeholder="Subject Property" 
            class="g2" />
  <input    type="text" 
        id="SaleCity" 
            placeholder="Municipality" 
            style="margin-left:0px;" 
            class="g2" 
            required 
            data-regex="^[a-zA-Z. ]+$">

我收到的错误信息是：

Uncaught TypeError: Cannot read property 'autocomplete' of null

谁能告诉我我做错了什么？谢谢。有问题的页面可以在results.ptax.ca找到。

【问题讨论】：

您的页面上是否有一个 id="subjectproperty" 的 div 和一个 id="SaleCity" 的 div（当 document ready 事件触发时可以访问）？他们有自动完成属性吗？
我没有带有 id="subjectproperty" 和 id="SaleCity" 的 div，但我确实有带有这些 id 的控件。我已编辑问题以现在显示输入控件。
好的，应该说“HTML 元素”。当 jQuery 文档就绪事件处理程序运行时，它们是否具有自动完成属性？你在加载JQuery UI script吗？
抱歉，我不明白你的评论是什么意思。
不知道为什么我对这个问题投了反对票。我只是想弄清楚这些东西。我正在加载 JQuery UI 脚本，您可以通过查看页面上的源代码来了解这一点。

标签： jquery google-maps-api-3 jquery-autocomplete markerclusterer

【解决方案1】：

MarketClusterer 必须覆盖 jQuery 的默认 $ 引用。我必须像这样将引用传递给函数：

jQuery(document).ready(function($) {      
  jQuery("#SaleCity").autocomplete( "../home/ajaxSelectCity/");
  jQuery("#subjectproperty").autocomplete("../home/ajaxSelectSubject/");
});

现在一切都好。

【讨论】：