主页 / 问题 / 1028689
Accepted
DrMcSheen
Asked:2020-09-27 21:41:06 +0000 UTC2020-09-27 21:41:06 +0000 UTC

粘贴链接后脚本停止工作

  • 772

有这么一段代码，一张大图，下面是三个小预览。当您将鼠标悬停在预览上时，将显示它而不是大图片。

<div class="an_image">
        <img src="0.jpg">
          <div class="preview">
              <img src="sm1.jpg" data-src="1.jpg">
              <img src="sm2.jpg" data-src="2.jpg">
              <img src="sm3.jpg" data-src="3.jpg">
          </div>
        </div>

找到了一个负责所有这些业务的脚本。

t(".preview img").mouseenter(function(){t(this).parent().prev().attr("src",t(this).data().src)})

所以，你需要用链接包裹一张大图，

<a href="#>
    <img src="0.jpg">
        </a>

但随后预览停止变化。要添加什么？

javascript

1 个回答

  1. Best Answer
    t(".preview img").mouseenter(function(){
    var newSrc = t(this).attr("src")
    t('.an_image > img').attr('src', newSrc)
})
    • 1

相关问题