2013-04-08 5 views
2

Я использую plugbox jQuery selectbox от http://www.bulgaria-web-developers.com/projects/javascript/selectbox/.Объект не поддерживает свойство или метод 'selectbox'

Я также связанный в JS файл, который содержит следующий код:

function loadTeams() { 
var responseArray, optionsOutput = ''; 

$.ajax({ 
    type: "GET", 
    url: "/ajax/team", 
    dataType: "json", 
    success: function (response) { 
     responseArray = response.array; 

     for (var i = 0; i < responseArray.length; i++) { 
      optionsOutput += '<option value="' + responseArray[i] + '">' + responseArray[i] + '</option>'; 
     } 

     $("#teamSelect").find('option') 
         .remove() 
         .end() 
         .append(optionsOutput); 
     $("#teamSelect").selectbox({ speed: 100 }); 
    }, 
    error: function (xhr, ajaxOptions, thrownError) { 
     $("#teamSelect").find('option') 
     .remove() 
     .end() 
     .append('<option value=""></option>'); 
    } 
}); 

}

Это прекрасно работает во всех браузерах, кроме IE. Там, я получаю:

SCRIPT438: Объект не поддерживает свойство или метод 'переключатель' globals.js, строка 38 символов 4

Это приравнивает к следующей строке:

$("#teamSelect").selectbox({ speed: 100 }); 

Я пробовал даже такие драматические и уродливые подходы, как копирование всего jQ-файла jQuery в файл globals.js, и я до сих пор получаю сообщение об ошибке.

Что дает?

Редактировать-Обновить: Я попытался присвоить #teamSelectvar и позвонить var.selectbox, но я получаю ту же ошибку.

+0

Это прекрасно работает во всех браузерах, кроме IE => это действительно шокирует! : D см. Мой аватар, я рекомендую вам использовать мой аватар на веб-сайте, если вы можете: D –

+0

Можете ли вы подтвердить, что $ ("# teamSelect") определяется перед вызовом selectbox? Есть ли еще какие-либо сообщения об ошибках, отображаемые на консоли в этот момент? – Liam

+0

Нет других ошибок в консоли IE, а selectSelect - это статический HTML. Плагин selectbox jQuery определяется после jQuery и перед loadTeams. loadTeams срабатывает при загрузке. – Lurk21

ответ

0

Aha, проблема была конфликтом между переключателем плагин JQuery в (возможно, сам JQuery) и Фондом 4. Когда я интегрированный фонд 4, я последовал пример на своем сайте, который имел меня скопировать и вставить в этом загадочном бит:

<script> 
    document.write('<script src=' + 
    ('__proto__' in {} ? '/js/vendor/zepto' : '/js/vendor/jquery') + 
    '.js><\/script>'); 
</script> 

Это была загрузка zepto или jquery, и THEN я загружал jquery из Google CDN. Удаление этой строки и размещение моего CDN в jQuery сначала разрешили конфликт.

Смежные вопросы