javascript - 为什么我在 select2 : Uncaught TypeError: Cannot read property 'hasClass' of null? 上遇到这个 javascript 异常

Question

我所在的项目使用 AngularJS v1.2.10(以及 Java、Spring MVC、JPA 等)。我们有一些 Select2 选择器工作正常，但有时 javascript 控制台输出以下错误:

> Uncaught TypeError: Cannot read property 'hasClass' of null
  clazz.opened @ select2.js?rld=1.2.0-B2:1187 
  (anonymous function) @ select2.js?rld=1.2.0-B2:1401
  n.event.dispatch @ jquery.min.js?rld=1.2.0-B2:3
  n.event.add.r.handle @ jquery.min.js?rld=1.2.0-B2:3

例如，我们的 Select2 声明之一是:

  ## Municipality
  <div class="col-md-6">
    <div class="form-group">
      <label for="municipalitySelector">#springMessageText('Address.municipality')</label>
      <input type="hidden" class="form-control" name="municipality" id="municipalitySelector" ui-select2="editCtrl.optionsSelectMunicipality" ng-model="center.address.municipality" required/>
       <cd-validation field="center.address.municipality" name="municipality" required="true" form="procedureForm" ctrl="editCtrl"></cd-validation>
     </div>
   </div>

正如我所说，一切都工作正常，但这个异常很烦人。当它们第一次出现时(使用选择器之后)，即使页面滚动事件也会触发它们，因此控制台中会打印大量异常。

Answer 1

您是否可能在页面上构建它们之前尝试访问它们？这是一个常见的情况。也许调用的代码应该包装在“onload”回调中。