Question

我已经创建了一个图片库，可以在Chrome中按预期工作，但在Firefox或Internet Explorer中根本不起作用。我已经看过一些类似的问题，但我不相信他们在解决这个问题上特别有帮助。

我已经创建了代码的JFiddle：

我猜测导致问题的代码是：

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;
    }

<强> DEMO HERE

JQuery没有在IE和Firefox中调整图像src，只能在chrome中调整

2 个答案: