Firefox nie odświeża zaznaczonego tagu podczas odświeżania strony
Wystąpił problem, w którym mam tag wyboru, którego użytkownik użyłby do wybrania marki telefonu, a strona używająca jquery wyświetli te telefony.
Dzięki pomocy ludzi na przepełnieniu stosu działa teraz świetnie na każdej przeglądarce, ale firefox. Z jakiegoś powodu po odświeżeniu strony znacznik wyboru pokazuje ostatnio wybraną opcję, ale strona pokazuje wszystkie telefony dostępne zgodnie z przeznaczeniem. Czy ktoś ma jakieś sugestie lub porady na temat odświeżania tagu wyboru przez firefox? Nie mogę go pokazać na js.fiddle, ponieważ nie ma go tam, więc tutaj jest link:
http://davidarabis.com/test/test.html
A oto kod:
<select class="manufacturers">
<option class="selected" value="all">All</option>
<option value="motorola">Motorola</option>
<option value="htc">HTC</option>
<option value="lg">LG</option>
<option value="samsung">Samsung</option>
<option value="kyocera">Kyocera</option>
</select>
<div class="scroll-content">
<ul class="manulist motorola">
<li><a href="#">Motorola Triumph</a></li>
</ul>
<ul class="manulist htc">
<li><a href="#">HTC WILDFIRE S</a></li>
</ul>
<ul class="manulist lg">
<li><a href="#">LG Optimus Slider</a></li>
<li><a href="#">LG Optimus V</a></li>
<li><a href="#">LG Rumor Touch</a></li>
<li><a href="#">LG Rumor 2</a></li>
<li><a href="#">LG 101</a></li>
</ul>
<ul class="manulist samsung">
<li><a href="#">Samsung Intercept</a></li>
<li><a href="#">Samsung Restore</a></li>
<li><a href="#">Samsung M575</a></li>
</ul>
</div>
Jquery:
$(document).ready(function() {
$('.manufacturers').change(function() {
var selected = $(this).find(':selected');
$('ul.manulist').hide();
if ($(this).val() == 'all') {
$('.scroll-content ul').show();
} else {
$('.' + selected.val()).show();
$('.optionvalue').html(selected.html()).attr(
'class', 'optionvalue ' + selected.val());
}
});
});
Z góry dziękuję za każdą radę lub pomoc.