Question

有人可以指出为什么这个脚本只适用于firefox而不适用于任何其他浏览器？ Chrome的控制台没有出现任何问题。同样适用于firefox的ofc。有什么建议？提前谢谢！

jQuery.noConflict();
jQuery(document).ready(function(){

function wrapr(){
    var min=1;
    var max=5;
    var bd = jQuery('body.home');

    function bg(){

        if(min < max){

            bd.css('background-image','url(http://sitename/templates/rt_gantry/images/body/'+min+'.jpg');
            min++;
        }
        else if(min = max){
        min=1;
        }
    }
    setInterval(bg,9000);
}
wrapr();
});

Answer 1

这部分不好：

else if(min = max){
   min=1;
}

使用单个等号会导致将max分配给min。你必须用两个来检查是否相等。

else if(min == max){
    min=1;
}

Answer 2

你似乎错过了'）'：

bd.css('background-image','url(http://sitename/templates/rt_gantry/images/body/'+min+'.jpg)');

Addtionally ：为了提高您的功能定义的可读性，这可能是值得的：

  <script>
    jQuery.noConflict();

    function wrapr(){
        var min = 1;
        var max = 5;
        var bd = jQuery('body.home');

        setInterval(function(){
          if(min < max){
            bd.css('background-image','url(http://sitename/templates/rt_gantry/images/body/'+min+'.jpg');
            min++;
          } else {
            current = min;
          }
        }, 1000);
    }

    jQuery(document).ready(function(){
      wrapr();
    });
  </script>

jquery css背景图片仅适用于firefox

2 个答案: