这应该很容易,但是我找不到任何相关主题,因为我不知道该如何正确地表达。
问题:
当您将鼠标悬停在链接上时,它将被克隆并附加到#container上-但是我希望#container中的链接完整地是实际的URL,因此,如果链接文本显示为:“这是一篇文章”,我想要一个附加到#container上以显示:http:/www.myarticle.com/name-of-article。
我试图在CodePen上使问题清晰可见,有人可以检查一下并为我提供建议吗?:-)
http://codepen.io/StrengthandFreedom/pen/YqNrYO
我使用的jQuery:
$('a').one('mouseover', function(){
$(this).clone().appendTo('#container');
});
JavaScript或jQuery解决方案都可以,我都可以使用。
您需要将链接文本更新为href属性的值。
$('a').one('mouseover', function(){
var href = $(this).attr('href');
$(this).clone().text(href).appendTo('#container');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句