Question

这是我的网站www.aqurds，我在我的投资组合部分使用jQuery，通过在触发点击事件时获取图像源来使图像变大。代码在firefox和IE中工作但不在chrome中工作。这是代码

var floatinMother = $('.floatingimagecontainermother'),
floating = $('.floatingimagecontainer');

$('.zoomsign').on("click", function(){
    var zoomsign = $(this).parent().css("background-image"),
    imageSource = zoomsign.split("/"),
    imageSource = imageSource[imageSource.length-1],
    imageSource = imageSource.substr(0, imageSource.length-2); 
    //console.log(imageSource);
    floatinMother.animate({top: "0%"}, 200);
    floating.css('background-image',  "url('img/" + imageSource + "')");
});

我该如何解决？请你给我一个建议吗？

此致奥马。

Answer 1

删除imageSource = imageSource.substr(0, imageSource.length-2);。这将获取图像源的port-image1.jpg部分，并返回源字符串中最后一个字符的所有内容。

Answer 2

你的imagesource正在砍掉你的最后一个角色。

它在Chrome中返回http://www.aqurds.com/img/port-image1.jp而不是http://www.aqurds.com/img/port-image1.jpg。

只需注释掉imageSource = imageSource.substr(0, imageSource.length-2);行

即可

Answer 3

从Chrome控制台：

GET http://aqurds.com/img/port-image2.jp 404 (Not Found)

通过jQuery获取图像源在chrome浏览器中不起作用

3 个答案: