Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Проблема с простым скриптом в Chrome (https://javascript.ru/forum/jquery/31534-problema-s-prostym-skriptom-v-chrome.html)

Vargentum 11.09.2012 21:13

Проблема с простым скриптом в Chrome
 
Есть страница

На ней реализовано поведение: при клике на кнопку меняется фон.
Код следующий:

var btns =  $('.item_choise li');
    $('.item_choise li').each(function(){
        $(this).click(function(){
            if($(this).hasClass('disable')){return false}
            else{
                for(i=1; i<=btns.length; i++){
                    var rac = 'item-'+[i];
                    $('.roomsType_page').removeClass(rac);
                }
            }
            for(i=1; i<=btns.length; i++){
                var rac = 'item-'+[i];
                if($(this).hasClass(rac)){
                    $('.roomsType_page').addClass(rac);
                }
                else if($(this).hasClass('disable')){return false}
            }
        });
    });


Заказчик пишет следующее:

"при клике по иконкам не происходит переключения картинки комнаты, только если предварительно не открыть developer tools хрома. Последний Chrome 21.0.1180.89, Win7HomeBasic"

У меня же все работает нормально.
В чем может быть скрыта причина бага? Может кто сталкивался с подобным?

Если вы не сталкивались с подобным и вы серфите через Хром: огромная просьба просто зайти на страницу и проверить, работает ли скрипт.
Всем отписавшимся заранее огромное спасибо!

Serg_pnz 11.09.2012 21:24

Спрайт на 10!!! мегов!!!!!
http://vargentum.16mb.com/images/spr...0565930bee.png

Погуглите что ли на тему "предзагрузка изображений"

shaltay 11.09.2012 22:44

у меня Chrome 21.0.1180.89, Win7 - все нормально.
Спрайт действительно большой. Может проще отдельные картинки юзать и подгружать аяксом?

Vargentum 11.09.2012 23:08

Цитата:

Сообщение от shaltay (Сообщение 204218)
Может проще отдельные картинки юзать и подгружать аяксом?

В аяксе я полный ноль. Если посоветуете какой-нибудь мануал по решению подобной задачи с помощью аякс, буду очень благодарен.

shaltay 11.09.2012 23:38

Ну можно и без аякса. Просто:
$(document).ready(function() { 
	$('.but').on('click',function(){
		$('img#aaa').attr('src', $(this).attr('id')+'.png');
	});
});

<img id="aaa" src="oldimg.png">
<button class="but" id="newimg">push</button>


Часовой пояс GMT +3, время: 00:40.