Javascript 如何在jQuery中添加悬停文本?

Javascript 如何在jQuery中添加悬停文本?,javascript,Javascript,我有两个按钮。当我们点击第一个然后第二个按钮激活并重定向到链接时,我遇到的问题是我想在第一个按钮上添加固定的悬停文本 我还尝试了以下各种代码: $(函数(){ $(“#bt1”)。单击(函数(){ $(此).attr(“已禁用”、“已禁用”); $(“#bt2”).removeAttr(“禁用”); }); $('#bt2')。在('click',function()上{ $(“”)[0]。单击(); }) $(“#bt2”)。单击(函数(){ $(此).attr(“已禁用”、“已禁用”);

我有两个按钮。当我们点击第一个然后第二个按钮激活并重定向到链接时,我遇到的问题是我想在第一个按钮上添加固定的悬停文本

我还尝试了以下各种代码:

$(函数(){
$(“#bt1”)。单击(函数(){
$(此).attr(“已禁用”、“已禁用”);
$(“#bt2”).removeAttr(“禁用”);
});
$('#bt2')。在('click',function()上{
$(“”)[0]。单击();
})
$(“#bt2”)。单击(函数(){
$(此).attr(“已禁用”、“已禁用”);
$(“#bt2”).removeAttr(“禁用”);
});
});
$(函数(){
$(“#div2”).text('5.7');
});

你要找的东西叫做工具提示,这里有一些很好的例子

您似乎已经找到的JS部分只需编辑重定向到以下内容之一:

模拟鼠标单击:

window.location.href = "https://stackoverflow.com";
模拟HTTP重定向:

window.location.replace("https://stackoverflow.com");
//添加到购物车按钮单击
$(“.addCart”)。单击(函数(){
//启用第二个按钮
$(“.buy”).prop('disabled',false);
});
$(“.buy”)。单击(函数(){
//如果单击第二个按钮,则重定向到另一页
window.location.replace(“https://stackoverflow.com");
});
。工具提示{
位置:相对位置;
显示:内联块;
边框底部:1px点黑色;
利润率:32px 0 20px;
}
.tooltip.tooltiptext{
可见性:隐藏;
宽度:120px;
背景色:#555;
颜色:#fff;
文本对齐:居中;
边界半径:6px;
填充:5px0;
位置:绝对位置;
z指数:1;
底部:125%;
左:50%;
左边距:-60px;
不透明度:0;
过渡:不透明度0.3s;
}
.tooltip.tooltiptext::之后{
内容:“;
位置:绝对位置;
最高:100%;
左:50%;
左边距:-5px;
边框宽度:5px;
边框样式:实心;
边框颜色:#555透明;
}
.tooltip:悬停.tooltiptext{
能见度:可见;
不透明度:1;
}

添加到购物车
我是一个工具提示!

立即购买
如果您没有任何特殊的设计想法,可以使用
标题
属性。在按钮中添加标题。虽然尝试得很好,但您应该查看jQuery ui。对你来说就是这样。还是很高兴看到它。@Rajesh这是真的,有很多库都包含了工具提示,大多数时候我都会使用它们,而不是自己做。天哪,我不敢相信这是我关于Stackoverflow的第一个问题。这就像魔术一样。这几天我面对这个错误,你解决这个很容易。我不知道该怎么说谢谢。没有言语是发自内心的