добавление логики if в цепочку jQuery

Question

Допустим, у меня есть следующий jQuery:

// pseudocode  :
$(this)
    .doSomething
    .doSomething
    .selectSomething
        .doSomething
        .animate({ 
            opacity: 1
        }, 150)
        .end()
    .selectSomethingElse
        .doSomething

Я хочу выполнить вышеизложенное. Однако, если браузер IE, я не хочу, чтобы анимационная часть выполнялась (поскольку IE не может анимировать объекты с прозрачными PNG и сохранять прозрачность PNG).

Есть ли какой-либо способ поддерживать красивый цепочечный синтаксис jquery, но каким-то образом пропустить анимационную часть, основываясь на некоторой логике if (в данном случае тестировании на IE)?

Answer 1

Вы можете сделать each() и передать ему функцию, которая обрабатывает анимацию, которая должна работать.

$(this)
    .doSomething
    .doSomething
    .selectSomething
        .doSomething
        .each(function() {
            // Will return false on IE, true on others
            if(jQuery.support.opacity) {
                $(this).animate({ 
                    opacity: 1
                }, 150);
            }
        })        
    .end()
.selectSomethingElse
    .doSomething

Answer 2

Вы можете использовать filter для фильтрации IE:

$(this).filter(function() {
    return $.support.opacity;
}).animate({ 
    opacity: 1
}, 150);

Answer 3

Перед этим у меня будет блок кода, который проверяет IE и, если он найден, удаляет любой селектор, который использует первый «.selectSomething».Или слегка измените .selectSomething, чтобы он проверял дополнительный класс, присутствующий только в браузерах, отличных от IE.

Это помогло бы разделить логику обнаружения браузера.