Question

我正在使用jQuery进行全屏幕背景更改系统。当进入网站时使全屏大小默认为背景，而单击按钮时必须更改背景。歌剧一切正常！但FireFox没有发生。我认为问题在于attr功能，请帮助找到问题。

您可以在http://www.hiphopdance.lt

中看到这一切

$(document).ready(function(){
//default actions
var now_img="images/bg.jpg";
resize(1600,900,"#bgimg",now_img);
$(window).bind("resize", function() { resize(1600,900,"#bgimg"); });
//default actions end

//clicks
$('li#red').click(function(){
$("img#bgimg").attr({src:'http://www.hiphopdance.lt/images/redbg.jpg'});
resize(1024,683,"#bgimg");
$(window).bind("resize", function() { resize(1024,683,"#bgimg"); });
});
//end clicks

//resize function start
function resize(img_width,img_height,img_id)
{
  var ratio = img_height / img_width;    
  // Get browser window size
  var browserwidth = $(window).width();
  var browserheight = $(window).height();
  // Scale the image
  if ((browserheight/browserwidth) > ratio){
      $(img_id).height(browserheight);
    $(img_id).width(browserheight / ratio);
  } else {
    $(img_id).width(browserwidth);
    $(img_id).height(browserwidth * ratio);
  }
  // Center the image
  $(img_id).css('left', (browserwidth - $(img_id).width())/2);
  $(img_id).css('top', (browserheight - $(img_id).height())/2);
}; 
//resize function end        

});

感谢您的回答，我尝试过改变

$("img#bgimg").attr({src:'http://www.hiphopdance.lt/images/redbg.jpg'});

到

$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg");

仍然适用于Opera，但不适用于firefox / IE

Answer 1

$("img#bgimg").attr("src","http://www.hiphopdance.lt/images/redbg.jpg");

键，值

你也可以使用Firebug for firefox，它有一个javascript控制台，可以返回任何JS错误。

Answer 2

我发现了问题！问题出在css文件中，因为后台有z-index：-1，所有站点z-index：5。我从5改为0和

在Firefox上的jquery attr

2 个答案: