Fatal编程技术网
  • javascript/
  • Javascript 在不工作的映像的src中添加jQuery变量

Javascript 在不工作的映像的src中添加jQuery变量

javascript jquery html image tags

Javascript 在不工作的映像的src中添加jQuery变量,javascript,jquery,html,image,tags,Javascript,Jquery,Html,Image,Tags,我有一个网站，基于语言en、sq或el，我想更改图像源。所以我有一个名为screenshots的文件夹，然后有三个文件夹：en、sq和el 例如，名为“slide phone.png”的图片的URL为： static/img/screenshots/en/slide-phone.png static/img/screenshots/sq/slide-phone.png static/img/screenshots/el/slide-phone.png 我想获取HTML标记的属性lang，然后将

我有一个网站，基于语言
en、sq或el，
我想更改图像源。所以我有一个名为screenshots的文件夹，然后有三个文件夹：
en、sq和el

例如，名为“slide phone.png”的图片的URL为：

static/img/screenshots/en/slide-phone.png
static/img/screenshots/sq/slide-phone.png
static/img/screenshots/el/slide-phone.png
我想获取HTML标记的属性lang，然后将其添加到图像源中，但由于某些原因，它无法工作

我的代码如下所示：

<html lang="{{ _('en') }}">
<script type="text/javascript">
 $(document).ready(function(e){
       var language = $('html').attr('lang');
});
</script>
...
 <img  id="slide-phone-1-img" src="{{ url_for('static', filename='img/screenshots/' + language+'slide-phone.png') }}" >


$（文档）.ready（函数（e）{
var language=$（'html'）.attr（'lang'）；
});
...
我正在使用python和jinja。任何帮助：）

编辑：

我也尝试过这样做，但问题是我想使用jinja，为此我需要更改以下代码：

<html lang="{{ _('en') }}">
    <script type="text/javascript">
     $(document).ready(function(e){
           var language = $('html').attr('lang')
           img_url = 'img/screenshots/'+ language+'/slide-phone.png';
           $('#slide-phone-img').attr('src',img_url);
    });
    </script>


$（文档）.ready（函数（e）{
var language=$（'html'）.attr（'lang'））
img_url='img/screenshots/'+language+'/slide phone.png'；
$（“#滑动电话img”）.attr（'src'，img_url）；
});
类似这样的东西

$（文档）.ready（函数（e）{
var language=$（'html'）.attr（'lang'）；
var new_url=$（'#slide-phone-1-img'）.attr（“src”）.replace（“language”，language）；
console.log（新的url）；
$（'#slide-phone-1-img'）。删除（）；
$（'#imges'）。前缀（''）；
$（'#show'）.html（$（'#slide-phone-1-img'）.attr（“src”）.replace（“language”，language））；
});





它应该如何工作？如何以及在何处调用变量语言？@MKAD在image div中的src中？您不能用任何方式调用您的语言变量？如果它不起作用，请告诉我。我做了一个console.log，它显示了如下良好链接：/static/img/screenshots/en/slide-phone.png，但在scr中没有被替换。这可能是因为页面加载后jquery代码被执行？你是说html img标记中的src没有被替换？如果我理解正确，你想在jquery之后更改example.html中的代码一次吗？从…起对吗？让我们来看看。没错，如果我使用console.log（$（“#slide-phone-1-img”）.attr（“src”）.replace（“language”，language）），你的代码就像我之前说的那样工作，它给出了正确的url，但是src中的url没有改变。