gpt4 book ai didi

javascript - 打开/关闭鼠标悬停时显示的标题

转载 作者:行者123 更新时间:2023-12-03 00:52:32 25 4
gpt4 key购买 nike

<div title='lorem ipsum'>blue sky</div>

默认情况下,当指针悬停时显示标题。

是否可以切换它,例如:

$('#button').on('click', function(){
if (something) {turn off titles;}
else {turn on titles;}
})

因此,如果它们已打开,它们会在鼠标悬停时显示。

最佳答案

要隐藏title,您需要删除该属性。所以像这样的事情会起作用:

$(document).ready(function(){
$('.aButton').click(function(){
var existingTitle = $('.titleDiv').attr('title');
if(existingTitle){
$('.titleDiv').removeAttr('title');
}
else{
$('.titleDiv').attr('title', $('.titleDiv').data('title'));
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="titleDiv" data-title='lorem ipsum'>blue sky</div>
<button class="aButton">click me</button>

我将属性文本存储在数据属性中,然后根据实际属性是否存在来设置它。

根据需要改变逻辑。

关于javascript - 打开/关闭鼠标悬停时显示的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52987136/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com