dojo dijit.工具提示---如何禁用悬停?

sgtfey8w  于 2022-12-16  发布在  Dojo
关注(0)|答案(3)|浏览(157)

我希望有一个工具提示,只有当你点击一个文本链接时才会出现(但悬停时什么也不做)。我知道这很容易用jquery来做,但我必须使用dojo。我尝试用“attachHover:false;”但是当我声明类时它中断了,所以我假设这是错误的:

dojo.declare("clickTooltip", digit.Tooltip,  {
markupFactory: function(){
return new clickTooltip();
},
attachHover: false;
}
});

请让我知道,如果有一个更简单的方法,或者如果你有任何指针来修复上述代码。
谢谢

hs1rzwqc

hs1rzwqc1#

我最终只是使用了一个普通的隐藏div而不是dojo包,Dojo不是很容易定制。

tsm1rwdh

tsm1rwdh2#

您可以使用工具提示小部件轻松实现这一点,

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/

toe95027

toe950273#

您可以从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>

我知道这是个按钮,但只有你点一下它才能用。

相关问题