jQuery show () и hide () не работают

Question

На этой странице ожидаемое поведение - отображать поля ввода нестандартных размеров, такие как бюст (дюйм) и бедра (дюйм), когда пользователь выбирает «Нестандартный размер» в поле выбора «Размер».,Теперь у меня есть следующее:

<select name="options[203]" id="select_203"
 class=" required-entry product-custom-option"
 title="" onchange="opConfig.reloadPrice();if(this.options[this.selectedIndex].text=='Custom Size'){$('.custom_size').show();}else{$('.custom_size').hide();}">

По сути, я использовал это там:

if(this.options[this.selectedIndex].text=='Custom Size'){$('.custom_size').show();}else{$('.custom_size').hide();}

И все элементы, которые можно переключать таким образом, имеют класс 'custom_size', которыйis 'display: none' в таблице стилей styles.css.

Но пока что это не работает.Есть идеи почему?Большое спасибо!

Answer 1

Я вижу, что вы используете библиотеку Prototype вместе с jQuery. Вы должны использовать jQuery.noConflict () .

Answer 2

Просто разобрался.Это noConflict (), который изменил $ по умолчанию на $ j.Сейчас работает.