更改图像src时出现Jquery语法错误

时间:2014-12-10 07:00:43

标签: javascript jquery

以下是我满足一个条件时更改img src的代码

<script  type="text/javascript">
    var e = document.getElementById("shopperlanguage"); 
    var strUser = e.options[e.selectedIndex].value;

    if(strUser=="ja_JP"){
        var japaneseImgSrcs=['slider1.jpg','slider2.jpg','slider3.jpg','slider4.jpg'];
        jQuery(".jcarousel img").each(function(index,ele){
            jQuery(this).attr("src",japaneseImgSrcs[index]);
        });
    }
</script>

此代码无效,我在第2行的控制台中收到语法错误。 我不知道它有什么问题吗?

修复了Beri建议的代码,但在mozila firefox控制台的第2行仍然出现语法错误。

2 个答案:

答案 0 :(得分:2)

  1. 以ski2.jpg

    结尾的错误报价

    var JapaneseImgSrcs = ['RevSlider_Ecommerce2.png','slider3.jpg','Zen-Den-Web-Design-San-Francisco-
     家庭滑块-1-1920x600.jpg”, 'slider2.jpg'];

  2. (提示)变量名称应以小写字母开头。

答案 1 :(得分:1)

  1. 您无法在字符串中添加新行:

    'Zen-Den-Web-Design-San-Francisco-  
     Home-Slider-1-1920x600.jpg'
    

    应该是

    'Zen-Den-Web-Design-San-Francisco-Home-Slider-1-1920x600.jpg'
    
  2. 你的最后一个元素有错误的引用:

    'slider2.jpg"
    

    应该是

    'slider2.jpg'
    

  3. <script  type="text/javascript">
        var e = document.getElementById("shopperlanguage"); 
        var strUser = e.options[e.selectedIndex].value;
        if(strUser=="ja_JP"){
            var JapaneseImgSrcs=['RevSlider_Ecommerce2.png','slider3.jpg','Zen-Den-Web-Design-San-Francisco-Home-Slider-1-1920x600.jpg','slider2.jpg'];
            jQuery(".jcarousel img").each(function(index,ele){
                jQuery(this).attr("src",JapaneseImgSrcs[index]);
            });
        }
    </script>