jQuery работает только в Chrome

Question

У меня есть эта страница: http://www.justdoors.co/plinths/bella-matching-plinth.html

И следующий код для переопределения классов CSS:

<script type="text/javascript">
        jQuery(document).ready(function(){  
        jQuery('div.product-options-container:not(:eq(0))').css('height', '34px !important');
        jQuery('div.product-options-container:not(:eq(0))').css('overflow', 'hidden');
        jQuery('div.product-options-title:not(:eq(0))').css('padding', '15px 0 5px 10px !important');       
        jQuery('div.product-options-chooser:not(:eq(0))').css('width', '290px !important');
        });
</script>

Сценарии отлично работают в Chrome, но, похоже, не работают в других браузерах, что мне не хватает?

Answer 1

Похоже, он работал, но был перезаписан другой функцией. Устраните проблему сейчас, добавив номер экземпляра к подразделениям и добавив в CSS специфичные для подразделения, а не пытаясь переопределить.