Question

我希望实现一个函数，当我移动到链接时，链接将出现一个从bootstrap导入的图片。

像这样的HTML代码


<a class="post-link" href="{{ post.url | prepend: site.baseurl }}"><span class='glyphicon glyphicon-link' style="display: none"></span>{{ post.title }}</a>

并使用像这样的jquery代码

<script>
    $('a.post-link').hover(
        function (){
            $('.glyphicon.glyphicon-link').show();
        }
        function (){
            $('.glyphicon.glyphicon-link').hide();
        }
    )
</script>

我的页面是here github地址在该页面中。

有人可以帮帮我吗？

Answer 1

要使链接字形仅显示在悬停标题上，您可以执行以下操作：

<script>
  $('a.post-link').hover(
      function (){
          $(this).find('.glyphicon.glyphicon-link').show();
      },
     function (){
          $(this).find('.glyphicon.glyphicon-link').hide();
     }
  );
</script>

我在github页面中使用jquery，它使用jekyll生成网站

1 个答案: