JQuery 代替 Css
在重新编写侧边栏的时候遇到过一个瓶颈的问题:
要在整个元素中可以点击,一定用到 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 中的任意位置时,重定向到该链接值。
Post On Jun 08, 2023 At 09:44:12 PM