根据当前语言 JQuery 在不重新加载页面的情况下更改图像答案

【问题标题】：Change image without reloading the page based on current language JQuery根据当前语言 JQuery 在不重新加载页面的情况下更改图像
【发布时间】：2019-03-14 08:40:20
【问题描述】：

我尝试使用 JQuery 根据当前语言更改图像（轮播的第一张幻灯片）而不重新加载页面。到目前为止，我已经成为这个，但由于某种原因是 dot 不起作用。（我是初学者）

HTML 代码示例

<picture>
    <source  id="premierSlide" srcset="assets/img/header/BG1.png" media="(min-width: 1200px)">
    <source srcset="assets/img/mobile/BG1-tablet.png" media="(min-width: 768px)">
    <source srcset="assets/img/mobile/BG1.png" media="(min-width: 320px)">
    <img    srcset="assets/img/header/BG1.png" alt="responsive image" class="d-block img-fluid">
</picture>

JQUERY 代码示例

$(document).ready(function(){
    if ($'html').attr('currentLang') != 'FR' ) {
        $('#premierSlide').attr('srcset', 'assets/img/header/BG1.png')
    }else{
        $('#premierSlide').attr('srcset', 'assets/img/header/BG1ENG.png')
    }
});

任何帮助将不胜感激！

【问题讨论】：

请在“点不工作”上更准确，它会在控制台中产生错误吗？它做了什么你没想到的？
#1 不起作用*，抱歉。
更新：它不会根据当前语言交换图像，语言功能工作正常，我用console.log验证，但使用上面的代码图像没有改变。即使在页面重新加载之后，实际上它也可以工作，但只能使用以下函数来刷新页面 slideLang(currentLang) { var firstSlide; if(currentLang!="FR"){ document.getElementById('premierSlide').srcset="assets/img/header/BG1ENG.png" }else{ document.getElementById('premierSlide').srcset="assets/img /header/BG1.png" } }

标签： javascript jquery image swap lang

【解决方案1】：

修正错字：

 if ($'html').attr('currentLang') != 'FR' ) {

到

 if ($('html').attr('currentLang') != 'FR' ) {

【讨论】：

是问题之一（ups，但谢谢！），但它不起作用。什么都没有发生，即使在刷新之后也是如此。

【解决方案2】：

 function slideLang(currentLang) {
    var firstSlide;
    if(currentLang!="FR"){
     document.getElementById('premierSlide').srcset="assets/img/header/BG1ENG.png"
    }else{
      document.getElementById('premierSlide').srcset="assets/img/header/BG1.png"
    }
  }

更新：它正在使用这种方法。

【讨论】：