Изображения jQuery и оператор if / else

0

пытаясь скрыть/показать div на основе того, какие изображения мы видим. Заявление "else" работает, но не "if"

$(document).click(function() {  

    var t1 = document.getElementById("tpart1");     
    var t2 = document.getElementById("tpart2");     

    if (t1.src == 'images/team/bev_01.jpg' && t2.src == 'images/team/bev_02.jpg') {
        $("#bevbio").show("slow")    
    }

else {
        $("#annettebio").hide("slow")
        $("#bevbio").hide("slow")
        $("#keithbio").hide("slow")
        $("#krisbio").hide("slow")
        $("#mikebio").show("slow")
    }
});
  • 1
    Ну ... src t1 и t2 соответствуют тому, что говорит оператор if ?
  • 2
    Здесь отладка спасет вас. console.log() два источника и посмотрите, соответствуют ли они тому, что вы ожидаете в своем операторе if.
Показать ещё 1 комментарий
Теги:
if-statement
image

2 ответа

4
Лучший ответ

Свойство src всегда будет абсолютным URL; вы тестируете атрибут, поэтому вам понадобится:

t1.getAttribute('src')
  • 0
    спасибо, что сделал это
  • 0
    Не за что, я рад помочь!
0

вы можете использовать что-то подобное

if (t1.src.indexOf('images/team/bev_01.jpg') > 0 && t2.src.indexOf('images/team/bev_02.jpg') > 0) {
        $("#bevbio").show("slow")    
    }

Ещё вопросы

Сообщество Overcoder
Наверх
Меню