使用jQuery更改img src属性

Question

我在使用jQuery更改图像标记的img src属性时遇到问题。这是我的代码

 $(".img-thumb").on("mouseover", function (e) {
     $val = ($(e.currentTarget).attr('src'))
     $val = $val.slice(1,200));
     $('#preview').attr('src','$val');
 });

然后在我的标签上

    <div id="zoom-in" style="width:750px;height:410px;margin-left:60px;border:1px solid black;border-radius:20px;overflow:hidden;">
       <img id="preview" style="width:100%;height:100%;" src="gallery/Comme_/Al Fardan Jewellery/img.jpg" alt=""/>
    </div>    

我错过了什么吗？

Answer 1

如果将变量名称放在引号内，则它将用作字符串。

$('#preview').attr('src', $val);
                          ^^^^ 

Answer 2

尝试将$val作为变量传递而不是字符串

$('#preview').attr('src', $val);

Answer 3

删除引号。 $val是一个JavaScript变量：

$('#preview').attr('src', $val);