JQuery不在IE和Firefox中調整圖像src，只能在Chrome中使用

我創建了一個圖像庫，它在Chrome中按預期工作，但在Firefox或Internet Explorer中完全不起作用。我瀏覽過一些類似的問題，但我不相信它們對解決這個問題特別有幫助。JQuery不在IE和Firefox中調整圖像src，只能在Chrome中使用

我創建的代碼的JFiddle：

https://jsfiddle.net/ydmgjzwp/

我猜這是導致該問題的代碼是：

function updateMainImage(){ 
    var selected = imageController.selectedImageObject; 
    var currentImageObject = imageController.imageObjects[selected]; 
    var newImage = currentImageObject.image; 

    $(imageController.mainImageImg).attr("src", newImage); 
}

在IE和FF的主圖像在頂部根本不加載。它應該通過JQuery更改爲第一個較小的圖像，然後用戶選擇。

我沒有注意到任何在控制檯日誌中太有用的東西，但我可能會錯過一些東西。任何人都可以提供的幫助非常感謝。

來源

2015-09-30 OliverRadini

您對IMG SRC URL雙引號 - 檢查HTML代碼。 –

謝謝，我認爲這是造成問題的原因。現在我試圖找出雙引號來自 – OliverRadini

替換該功能

function trimCssUrlSyntax(inputString) { 
        var returnString = inputString.replace('")', ''); 
        returnString = returnString.replace('url("', ''); 
        return returnString; 
       }

來源

2015-09-30 09:19:06

這似乎不適用於我，因爲我相信替換需要參數？ – OliverRadini

現在檢查它的工作。 –

我現在有這個工作 - 但是，它確實需要一個額外的部分才能正常工作。我添加了：returnString = returnString.replace（/「/ g，''）;在函數返回之前，爲了得到這個效果 – OliverRadini

你有你的圖片src雙引號。我改變你的功能和工作。

function trimCssUrlSyntax(inputString){ 
     var returnString = inputString.replace(")",); 
     returnString = returnString.replace("url(",); 
     return returnString; 
    }

DEMO HERE

來源

2015-09-30 09:29:04

對不起，這似乎不適用於我;沒有第二個參數，我明白替換會插入undefined – OliverRadini

JQuery不在IE和Firefox中調整圖像src，只能在Chrome中使用

回答

相關問題