Javascript 包装<；李>'；带<；a>；幻灯片中的标签

我试图在幻灯片中的列表项中使用标签包装图像，但在使用时遇到问题。有人有什么意见吗？不确定一旦我包装了图像，它是否会破坏javascript代码，但我很难包装它，或者我离这里很远。。。我做的很好，创建鼠标盖来交换图像，但不确定是否包装了a标签…任何帮助都会很好

html

jquery

$('.slide-link-1 img').on({'mouseover' : function() {
      $(this).contents().wrap('<a href="',google.com,'"/></a>');  
},

$（'.slide-link-1 img'）。在（{'mouseover'：function（）上{
$（this.contents（）.wrap（“”）；
},

制作如下链接数组：

var links = [];
links = ['google.com', 'doodle.com', 'booble.com'];

然后，计算悬停的元素上方有多少个元素，并将其用作索引，在mouseenter上缠绕，在mouseleave上展开

var-links=[]；
links=['google.com'，'doodle.com'，'booble.com']；
$（'li.slide-link>img'）。在({
鼠标指针：函数（）{
var i=$（this.parent（）.index（'.slide link'）；
$（此）.wrap（“”）；
},
mouseleave:function（）{
$（this.unwrap（）；
}
})；

我认为您不想在鼠标悬停时进行包装。没有任何东西可以移除包装

元素，每次鼠标悬停事件发生时，img节点都会被一次又一次地包装，给出

。嗨，Aramil，我也尝试了您的解决方案，并且以与其他用户选项相同的方式反应，只是跳到下一张幻灯片，当我尝试悬停时。我使用以下内容作为基础。我认为，一旦应用了a标记，就转移到下一张幻灯片。如果我尝试在html中硬编码a标记，效果基本相同。我按照您的要求做了，我想问题是，您用于滑块的脚本可能无法滑动元素。我不是真的这么认为当然可以。没问题，试试bxslider吧？你可以直接滑动

嗨，aramil，我正在尝试bxslider，当我应用鼠标指针时，图像会忽上忽下闪烁。所以我假设当我在图像上四处移动时，jquery会将该移动视为反复进出？…我的建议：使用chrome开发者控制台，应用将状态悬停到元素（或

或）并观察CSS属性，可能有一些边框、边距或填充在：hover上更改。

var links = [];
links = ['google.com', 'doodle.com', 'booble.com'];