未捕获的TypeError:对象[object Object]没有方法'select2'

Mus*_*oom 5 javascript php autocomplete yii yii-extensions

我正在尝试使用YII的"SELECT2"扩展名.我一步一步地按照教程,但它不起作用.自动完成的下拉列表没有出现,我在chrome控制台中收到此错误...

控制器代码(HotelController)

public function actionTitleName(){
    $model =HotelEn::model()->findAll ('Title like :Title',array(':Title'=>"%".$_GET['q']."%")); 
    $result = array();
    foreach ($model as $HotelEn){
        $result[] = array(
            'id'=>$HotelEn->id,
            'term'=>$RoomEn->Number,
        ); 
    }
    echo CJSON::encode($result);
}
Run Code Online (Sandbox Code Playgroud)

视图代码(_roomearch)

echo CHtml::beginForm(CHtml::normalizeUrl(array('Hotel/create')), 'get', array('id'=>'filter-form'))
    . '<div class="row" style="width:100%;">'
    . CHtml::encode('Hotel Name')
    . CHtml::textField('Number',(isset($_GET['Number'])) ? $_GET['Number'] : '',array('id'=>'Number'));
$this->widget('ext.select2.ESelect2',array(
    'selector' => '#Title',
    'options'  => array(
        'allowClear'=>true,
        'placeholder'=>'Select a Hotel Name',
        'minimumInputLength' => 2, 
        'ajax' => array(
            'url' => Yii::app()->createUrl('Hotel/Number'),
            'type'=>'GET',
            'dataType' => 'json',
            'quietMillis'=> 100,
            'data' => ' function(term,page) {
                return {
                    //get im my controller
                    q: term, 
                };
            }',
            'results'=>'function(data,page) { return {results: data, more:more }; }',
        ),
    ),
));         
echo '</div>'
Run Code Online (Sandbox Code Playgroud)

Boa*_*ode 3

我今天遇到了同样的问题。我在浏览器控制台中收到“Uncaught TypeError: Object [object Object] has no method 'select2'”错误消息,以及有关我引用的另一个 .js 文件中已弃用方法的警告 ( http://code.jquery .com/jquery-1.9.1.js)。原来我根本就没有用过它!所以我删除了引用它的脚本,删除了警告。

修复警告使我的 select2 问题消失了。

有一些事情可以帮助您追踪问题所在。

  1. 你能让 select2 在最琐碎的情况下工作吗?(从页面中删除所有其他内容,仅使用 select2 下拉列表来确保您的 select2 库正常工作)
  2. 如果你能让 #1 工作,我敢打赌你在另一个文件中有一些 javascript 会干扰你的 select2 下拉列表。一次禁用一项其他 js 功能,看看哪一项是罪魁祸首。
  3. 祝你好运!密切关注您的控制台和网络选项卡,以确保您的 js 库正在加载并且没有错误或警告。