在圖像的src中添加jQuery變量不起作用

Question

我有一個網站，並且基於en, sq or el,語言en, sq or el,我想更改圖像源。 所以我有一個名為screenshots的文件夾，然后有三個文件夾： en, sq and 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') }}" >

我正在使用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>

Answer 1

像這樣的東西

 $(document).ready(function(e){ var language = $('html').attr('lang'); var new_url = $('#slide-phone-1-img').attr("src").replace("language", language); console.log(new_url); $('#slide-phone-1-img').remove(); $('#imges').prepend('<img id="slide-phone-1-img" src="'+new_url+'" />'); $('#show').html( $('#slide-phone-1-img').attr("src").replace("language", language)); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <html lang="{{ _('en') }}"> <body> <div id="imges"> <img id="slide-phone-1-img" src="{{ url_for('static', filename='img/screenshots/language slide-phone.png') }}" > </div> <div id="show"> <p></p> </div> </body> </html>

在圖像的src中添加jQuery變量不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2016-03-02 10:27:17

在圖像的src中添加jQuery變量不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2016-03-02 10:27:17

解決方案1
1 已采納 2016-03-02 10:27:17