jQuery不調整IE和Firefox中的圖片src，僅在Chrome中

Question

我已經創建了一個圖片庫，該圖片庫可以在Chrome中正常運行，但在Firefox或Internet Explorer中根本無法使用。 我瀏覽了一些類似的問題，但是我認為它們對解決這個問題沒有特別的幫助。

我創建了代碼的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將其更改為較小的圖像中的第一個，然后更改為用戶選擇的任何一個。

我還沒有在控制台日志中注意到任何有用的東西，但是我可能再次缺少了一些東西。 任何人都可以提供的任何幫助都非常感謝。

Answer 1

取代這個功能

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

Answer 2

您在圖片src上使用雙引號。 我改變了你的工作方式。

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

此處演示