jQuery if / else оператор CSS

Question

У меня есть интересная проблема, которую я не понимаю.Это простой оператор jQuery if else, но он не работает.Почему он не работает?

Код:

$("#div").click(function(){

    if ( $("#div2").css("background-image") === "url(img/image.png)") {
        alert('OK');
    }
    else {
        alert('NG');
    }

});

Но когда я меняю .css("background-image") === "url(img/image.png)", например, на .css('position') === 'absolute', он работает.

Answer 1

Там может быть небольшая разница в стоимости;предупредите значение в операторе else, чтобы увидеть, что происходит.Например,

if ( $("#div2").css("background-image") === "url(img/image.png)") {
    alert('OK');
}
else {
    alert($("#div2").css("background-image"));
}

Answer 2

Я думаю, что при загрузке css он берет url (img / image.png) и помещает его в http://www.somehost.com/img/image.png. Таким образом, .css ("background-image") больше не будет равенurl (img / image.png) ".

Вместо проверки

.css('background-image') == 'url(img/Image.png)'

check

.css('background-image').indexOf("img/Image.png") != -1

Answer 3

Похоже, что правильный ответ - написать полный путь к изображению.Итак, используйте url(http://www.myhost.com/img/image.png) вместо url(img/image.png).

Answer 4

Здесь просто стрельба в темноте, но «url (img / image.png)», вероятно, должно заключаться в одинарные кавычки вокруг аргумента url (), поскольку синтаксис для CSS именно такой.

"url('img/image.png')"