无法在js函数中使用依赖于jQuery的库

Question

我有一个js函数

$(document).ready(function() {

    function adjustSpinnerOptionsAccordingToRadioBox(spinnerId, optionsArray) {

      //clear the spinner
      $(spinnerId).html('');
      //load the new options
      for (data of optionsArray) {
         $(spinnerId).append($('<option/>', { 
            value: data.value,
            text : data.value 
        }));
      }

      $('#patient_selector').editableSelect({filter: false });



    }
}

每当我尝试在jquery范围内调用.editableSelect时，都会引发错误

$(...).editableSelect is not a function

但是当我在函数起作用的地方调用同一行代码时，其背后的原因是什么？

editableSelect是基于jquery的库（http://indrimuska.github.io/jquery-editable-select/）

Answer 1

在调用之前检查是否已加载Patient_selector元素 editableSelect函数。