如何正确环绕图像的链接

How to wrap link around image properly?

本文关键字：链接 图像 何正确      更新时间：2023-09-26

我一直在尝试在图像周围包裹链接。我已经搜索并发现jQuery中的wrap()会对我有所帮助。当我尝试它时，似乎没有任何效果。我做错了什么吗？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="http://a1.mzstatic.com/us/r30/Music3/v4/fb/af/59/fbaf5908-0839-abc6-9f6a-bc7cc5b84f27/cover170x170.jpeg" class="YTimgs">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript' />
<script>
  $('.YTimgs').wrap('<a href="http://www.chordzone.org"></a>');
</script>

您的代码似乎还可以，因为它可以在这个小提琴 http://jsfiddle.net/pqqyoakm/可能是 javascript 在加载图像之前正在执行 try：

$(document).ready(function(){
    $(".YTimgs").wrap("<a href='http://www.chordzone.org'></a>'")
})

问题是你缺少加载 jQuery 的脚本的结束标记，所以它后面的脚本标记将被吞噬并忽略。

脚本标签

不能自闭合，因此第二个脚本标签最终成为第一个脚本标签的一部分，并且由于脚本标签中存在src属性，因此标签内的内容将被忽略。

将结束标记添加到脚本标记：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
相关文章：