2009-10-02 68 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/