2024 年 5 月 10 日 我的频道
JQuery 代替 Css
  • 2023
  • Sunny

在重新编写侧边栏的时候遇到过一个瓶颈的问题:

要在整个元素中可以点击,一定用到 display:block 或者 display:flex,可是这两个写法偏偏和字符省略有冲突;

而字符省略的写法:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

这种写法是支持中文的省略写法,恰好就不能兼容 display:block 和 display:flex,那么如何改进呢?网上查找了一些资料,加上利用 Css 的掩眼法,在元素上面设置了手势:

cursor: pointer;

然后结合 JQuery 完成:

$(".myBox").click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});

上述代码的意思是:在 div 中寻找类 myBox 的链接。 单击 div 中的任意位置时,重定向到该链接值。

JQUERY
764
0

Author Box

名字:Sunny
注册:Jan 30, 2021
简介:技术菜鸟,拷贝、黏贴代码中 ……

Comment Box

0 0 投票数
Article Rating
订阅评论
提醒
guest

0 评论
内联反馈
查看所有评论