jQuery show() 및 hide()가 작동하지 않습니다.

Question

여기에 예상되는 동작은 '사용자 정의 크기'를 ' 크기 '상자를 선택하십시오.

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

을 그리고 이러한 방식으로 전환 할 수있는 모든 요소는 '디스플레이입니다 클래스의 custom_size'을 가지고 : 나는 거기에 이것을 사용, 기본적으로

<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();}"> 

: 내가 지금 가지고있는 것은 이것이다 : none '을 스타일 시트 styles.css에 추가합니다.

그러나 지금까지는 작동하지 않습니다. 왜 그런가? 고마워요!

Answer 1

jQuery와 함께 Prototype 라이브러리를 사용하고 있습니다. jQuery.noConflict()을 사용해야합니다.

Answer 2

그냥 알아 냈습니다. 기본 $를 $ j로 변경 한 것은 noConflict()입니다. 이제 효과가 있습니다.