dijit.Tooltip -如何禁用悬停？
dijit.Tooltip -如何禁用悬停？
提问于 2009-10-02 14:20:31
我想有一个工具提示，只有当你点击一个文本链接(但不做任何悬停)。我知道使用jquery很容易做到这一点，但我必须使用dojo。我试图用"attachHover: false;“声明一个新的工具提示类，但当我声明该类时，它就会中断，所以我认为这是错误的：
dojo.declare("clickTooltip", digit.Tooltip, {
markupFactory: function(){
return new clickTooltip();
},
attachHover: false;
}
});请让我知道是否有更简单的方法，或者如果你有任何指针来修复上面的代码。
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2009-10-30 00:55:42
我最终只使用了一个常规的隐藏div，而不是dojo包。Dojo不是很容易定制的。
Stack Overflow用户
发布于 2017-11-02 00:11:53
您可以使用工具提示小部件轻松地实现这一点，
require(["dijit/Tooltip", "dojo/dom", "dojo/on", "dojo/mouse", "dojo/domReady!"], function(Tooltip, dom, on, mouse) {
var node = dom.byId('tooltip');
on(node, 'click', function() {
Tooltip.show("I am a tooltip", node);
});
on(node, mouse.leave, function() {
Tooltip.hide(node);
});
})在这里干活，http://jsfiddle.net/c4hp1L12/
Stack Overflow用户
发布于 2011-10-11 22:38:14
您可以在dijit demo page中尝试执行以下操作
<div data-dojo-type="dijit.form.DropDownButton">
<span>User Login</span>
<div data-dojo-type="dijit.TooltipDialog" id="tooltipDlg" data-dojo-props='
title:"Enter Login information",
execute: function(){ alert("Simple Alert!"); }'>
<div dojoType="dijit.form.Form" id="myForm" jsId="myForm" encType="multipart/form-data" action="" method="POST">
<script type="dojo/method" event="onSubmit">return true;</script>
<table>
<tr>
<td><label for="user">User:</label></td>
<td><input type="text" name="user" id="user" dojoType="dijit.form.ValidationTextBox" required="true"></td>
</tr>
<tr>
<td><label for="pwd">Password:</label></td>
<td><input type="password" name="pwd" id="pwd" dojoType="dijit.form.ValidationTextBox" required="true"></td>
</tr>
<tr>
<td colspan="2">
<button dojoType="dijit.form.Button" type="submit" name="submitButton" value="Submit">Submit</button>
</td>
</tr>
</table>
<!-- End of dijit form -->
</div>
</div>
</div>我知道这是一个按钮，但只有当你点击它的时候它才会起作用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1509819
复制相关文章
相似问题
腾讯云开发者
