Javascript 使用jQuery更改imgsrc属性

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

 $(".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>    

---

我遗漏了什么吗？

尝试将

$val

作为变量而不是字符串传递

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

---

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

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

---

删除引号

$val

是一个JavaScript变量：

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

---

它仍然不工作，但路径的值是正确的。@Mr.Hans Check

console.log（$val）

在该事件中。在哪里可以找到console.log？抱歉，我是个新手，这是一个普通的javascript代码。在设置src属性之前，只需插入这一行

alert（$val）

。并告诉我们什么显示为警报。我已经这样做了，路径是正确的。但是映像没有更改。它仍然不工作，但路径值正确。在哪里可以找到console.log？对不起，我是新手here@Mr.Hans按F12@Mr.Hans打开控制台，刷新页面。那么@Mr.Hans有什么问题？