Question

我想提供一个工具提示，只有在您单击文本链接时才能显示（但在悬停时不执行任何操作）。我知道这很容易用jquery做，但我必须使用dojo。我试图用“attachHover：false”声明一个新的工具提示类。但是当我宣布这个课时它会中断，所以我认为这是错误的：

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

如果有更简单的方法，或者您有任何指示修复上述代码，请告诉我。

由于

Answer 1

我最后只使用了常规的隐藏div而不是dojo包。 Dojo不是很容易定制。

Answer 2

您可以使用工具提示小部件

轻松实现此目的

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/

Answer 3

您可以尝试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>

我知道这是一个按钮，但它只在你点击它时才有效。

dijit.Tooltip ---你怎么禁用悬停？

3 个答案: