2010-01-19 47 views
2

在输入框旁边,我想要一个小的[?]链接,它会显示一个简短的说明。当鼠标悬停在[?]以及单击[?]时,我希望此链接显示此工具提示均为。没有其他与此[?]链接相关的操作。如何做[?]解释/'tooltip'链接?

正常的工具提示(如浏览器在面对HTML标记或jQuery工具提示插件时所提供的)一旦单击该元素就会消失,这对于大多数情况非常有用,但对于此类情况非常有用。我怎样才能让点击时显示工具提示呢?

<label for='myInput'> 
    Type here 
    <a href='#' title='brief explanation!'>[?]</a>: 
</label> 
<input id='myInput' name='myInput'/> 

我该如何达到这个效果?

回答

1

你可以用qTip来做到这一点。使用show: { when: { event: 'click' } }

+0

@BalusC:谢谢!这让我点击链接时显示的工具提示。但是,你知道我怎么样也让它在悬停时显示出来?我的问题是如何保持正常的工具提示行为,而*也是由点击触发。我尝试传递一系列事件但不起作用:show:{when:{event:['click','mouseover']}} – laramichaels 2010-01-19 18:53:27

+0

由空格分开,例如, '事件:'点击鼠标悬停'。 – BalusC 2010-01-19 18:58:48

+0

实际上,我打算的行为是通过在其默认模式下使用qtip来实现的(与“show:{when:{event:'mouseover'}}”)相同。如果链接被禁用/ href ='#',那么工具提示在被点击时保持可见。非常感谢! – laramichaels 2010-01-19 18:59:07