我有一個非常簡單的字符串比較,但檢查總是失敗。我試圖加載在<img>
加載基礎上,window
寬度不同的圖像。兩個網址的字符串比較失敗
$(document).ready(function() {
var width = $(window).width();
console.log(width);
$('.slider-image').each(function() {
resize_image($(this), width);
});
});
$(window).resize(function() {
var width = $(window).width();
$('.slider-image').each(function() {
resize_image($(this), width);
});
});
function resize_image(image, width) {
console.log(width);
if(width >= 480 && width < 768) {
if(image.attr('src') != image.data('phone-src')); {
console.log('resize phone');
image.attr('src', image.data('phone-src'));
}
} else if (width >= 768 && width < 960) {
if(image.attr('src') != image.data('tablet-src')); {
console.log('resize tablet');
image.attr('src', image.data('tablet-src'));
}
} else if (width >= 960) {
if(image.attr('src') != image.data('desktop-src')); {
console.log('resize desktop');
image.attr('src', image.data('desktop-src'));
}
}
};
現在,我想要發生的是,don't replace the src, if the width remains within the borders
。我試圖通過檢查src
屬性是否已具有data
屬性來執行此操作,但字符串檢查失敗,因爲它始終不相等,儘管這兩個屬性在Chrome Inspector中都是相同的。爲什麼會發生?
順便說一句,這兩個字符串是圖像的URL。
什麼'的console.log(image.attr( 'SRC'),image.data( '電話-SRC'))'打印? – 2013-02-28 16:15:10
在每次比較之前添加一些帶標籤的調試語句,例如 的console.log( 'DEBUG1',image.attr( 'SRC'),image.data( '電話-SRC')); 通過這種方式,您可以檢查執行哪個'if'分支以及您正在比較哪些值。 – nick 2013-02-28 16:16:32
@ÁlvaroG.Vicario的「SRC」打印可點擊的鏈接,以及'data'打印非可點擊的鏈接。除此之外,它是相同的URL。 – tolgap 2013-02-28 16:38:30