jQuery show() et hide() ne fonctionnent pas

Question

Sur ce page, le comportement attendu est d'afficher les boîtes de saisie de tailles personnalisées telles que Bust (inch) et Hips (inch) lorsque l'utilisateur sélectionne 'Custom Size' dans le ' Taille 'sélectionnez la boîte. Ce que j'ai maintenant ceci:

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

Fondamentalement, j'utilisé ce là:

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

Et tous les éléments qui peuvent être basculés de cette manière que la classe « custom_size » qui est « affichage: none 'dans la feuille de styles styles.css.

Mais jusqu'à présent cela ne semble pas fonctionner. Une idée pourquoi? Merci beaucoup!

Answer 1

Je vois que vous utilisez la bibliothèque Prototype avec jQuery. Vous devez utiliser jQuery.noConflict().

Answer 2

Je viens de comprendre. C'est le noConflict() qui a changé le $ par défaut en $ j. Maintenant ça marche.