Я не уверен, почему это не сработало, но я нашел обходной путь к любой проблеме.
Эта строка:
$('#mySelect').chosen();
На вершине моего скрипта было несколько сотен строк кода с другими используемыми плагинами, которые также выполняли входные данные.
Перемещение этой строки в конец скрипта устранило эту проблему - я предполагаю, что что-то должно было либо конфликтовать с этим, либо изменять свойство, когда оно меняло то же свойство - но я не мог угадать, какой плагин или где это происходило.
Это работает, но я не знаю, в чем проблема на самом деле: (
UPDATE:
Сегодня в IE7 появилась связанная проблема, из-за которой выпадающие списки появлялись позади друг друга, если у вас есть выбранный выбор, близкий к другому.
Это исправляет:
$('.chz').chosen();
var zidx = 100;
$('.chzn-container').each(function(){
$(this).css('z-index', zidx);
zidx-=1;
});
ОБНОВЛЕНИЕ BigM
Есть еще одна вещь, которую вам нужно будет сделать, это настроить непрозрачность для IE5-7, например, когда он отключен:
.chzn-disabled {
cursor: default;
opacity:0.5 !important;
filter: alpha(opacity=50) !important;
}