2009-10-02 67 views
0

我想有一个工具提示,只有当你点击一个文本链接(但没有关于悬停)时才会出现。我知道使用jquery很容易,但我必须使用dojo。我试图用“attachHover:false;”声明一个新的工具提示类。但是当我声明类它打破了,所以我认为这是错误的:dijit.Tooltip ---你怎么禁用悬停?

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

请让我知道,如果有一个更简单的方法,或者如果您有任何指针来解决上面的代码。

谢谢

回答

1

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

-1

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

我知道这是一个按钮,但是当你点击它它不只是工作。

0

为此,可以使用的工具提示部件轻松实现,

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/