我在html中有一个输入字段,在字段旁边有一个帮助图标(?),当我将鼠标悬停在图标上时,我希望显示一条简单的文本消息,并且文本消息应该在悬停时消失.用jquery做任何方法吗?
图标将是一个简单的图像说一个小问号.文字将是"在框中输入你的名字"
当我将鼠标悬停在div上时,我正在努力让工具提示工作.这是HTML标记:
<div class="booking_step_wrap">
<h4>Email</h4>
<div class="booking_step" title="hello"><i class="icon-laptop"></i></div>
</div>
Run Code Online (Sandbox Code Playgroud)
对于我有的jQuery:
jQuery(function() {
jQuery(".booking_step [title]").tooltip();
});
Run Code Online (Sandbox Code Playgroud)
和CSS(取自jQuery工具网站):
.tooltip {
display:none;
background:black;
font-size:12px;
height:70px;
width:160px;
padding:25px;
color:#eee;
Run Code Online (Sandbox Code Playgroud)
}
目前,当我将鼠标悬停在那个div上时没有任何反应,我看不出原因. 这是有问题的网站.有问题的div位于联系部分的底部(第一个圆圈中有一个笔记本电脑图标).任何的建议都受欢迎.