jquery: может ли операторы срабатывать последовательно?

Question

jquery: может ли операторы срабатывать последовательно?

0

Этот код срабатывает в то же время сразу же с 01 по 04. Я пытаюсь заставить его запустить второй оператор if на втором.mouseover этого изображения и запустить 3-й оператор if на третьем.mouseover и т.д. Не похоже, чтобы понять это.

if($('img[src*="01"]')){
    $('img').mouseover(function () {
            $(this).attr('src', function(i, src) {
            return src.replace( '01', '02' );
        });
    })
}

if($('img[src*="02"]')){
    $('img').mouseover(function () {
            $(this).attr('src', function(i, src) {
            return src.replace( '02', '03' );
        }); 
    });
}

if($('img[src*="03"]')){
    $('img').mouseover(function () {
            $(this).attr('src', function(i, src) {
            return src.replace( '03', '04' );
        }); 
    });
}

JCUZ 06 янв. 2014, в 07:02

Источник

0

$('img[src*="01"]') возвращает объект, истинное значение.
undefined 06 янв. 2014, в 05:36

Теги:

jquery

if-statement

variables

src

mouseover

1 ответ

Ещё вопросы

$('img[src*="01"]') возвращает объект, истинное значение.

Pantelis Natsiavas · Accepted Answer · 2014-01-06T04-12-00.000Z

Вам нужно будет создать какой-то механизм для поддержания общего состояния взаимодействия. Этот механизм будет эквивалентен клиентской стороне просмотра на стороне сервера. Я полагаю, вы могли бы использовать глобальные переменные для этого. Здесь объясняется время жизни переменных javascript.

Время жизни глобальных переменных начинается, когда они объявляются, и заканчивается, когда страница закрыта.

После этого вы будете использовать переменную, подсчитывающую время зависания конкретного пользователя. Затем вы проверите время наведения и ваше состояние. Ваш код должен выглядеть примерно так:

globalHoverCount = globalHoverCount + 1;
if(globalHoverCount=1){ //globalHoverCount is the global variable
    if($('img[src*="01"]')){
       $('img').mouseover(function () {
            $(this).attr('src', function(i, src) {
            return src.replace( '01', '02' );
           });
       }) }
}

Надеюсь, я помог!