2015-09-30 29 views
1

我创建了一个图像库,它在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更改为第一个较小的图像,然后用户选择。

我没有注意到任何在控制台日志中太有用的东西,但我可能会错过一些东西。任何人都可以提供的帮助非常感谢。

+0

您对IMG SRC URL双引号 - 检查HTML代码。 –

+0

谢谢,我认为这是造成问题的原因。现在我试图找出双引号来自 – OliverRadini

回答

2

替换该功能

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

这似乎不适用于我,因为我相信替换需要参数? – OliverRadini

+0

现在检查它的工作。 –

+0

我现在有这个工作 - 但是,它确实需要一个额外的部分才能正常工作。我添加了:returnString = returnString.replace(/“/ g,'');在函数返回之前,为了得到这个效果 – OliverRadini

0

你有你的图片src双引号。我改变你的功能和工作。

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

DEMO HERE

+0

对不起,这似乎不适用于我;没有第二个参数,我明白替换会插入undefined – OliverRadini

相关问题