调整窗口浏览器大小时启用/禁用链接标题

Question

我有这样的链接：

<a id="mylink" href="something" title="something">something</a>

使用jQuery如何根据站点宽度删除title属性？

if (Window.width > 460) {
   // disable title of mylink
}

换句话说，当屏幕> 460px时，则不需要显示链接的title，而当<= 460px时，则需要显示链接的title。 谢谢。

Answer 1

您可以在数据属性内添加标题引用，然后在加载文档并调整窗口大小时检查窗口的大小并设置标题属性或将其删除

$(document).ready(function(){
  setLinkTitle();
  $(window).resize(function(){
    setLinkTitle();
  })
})

function setLinkTitle(){
  if($(window).width() <= 460){
    $(".mylink").removeAttr("title");
  }
  else{
    $(".mylink").each(function(){
       $(this).attr("title",$(this).data("title"))
    })
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="#" class="mylink" title="something" data-title="something">something</a>