2009-10-02 5 views
0

텍스트 링크를 클릭 할 때만 표시되는 툴팁을 원합니다 (하지만 마우스를 올리면 아무 것도하지 않습니다). 이 jquery 함께 할 쉽게 알지만 dojo 사용해야합니다. "attachHover : false;"라는 새 툴팁 클래스를 선언하려고했습니다.dijit.Tooltip --- 어떻게 호버 설정을 해제합니까?

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

가 더 쉬운 방법이 있으면 알려 주시기 바랍니다, 또는 어떤 포인터가있는 경우 위의 코드를 수정 :하지만 클래스를 선언 할 때 나누기 그래서이 잘못 가정합니다.

감사합니다.

답변

1

나는 도장 패키지 대신 일반 숨겨진 div를 사용했습니다. Dojo는 사용자 정의하기가 쉽지 않습니다.

<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> 

나는 그것이 버튼을 알고 있지만 클릭 할 때 만 작동합니까 :

-1

당신은하여 dijit demo page에서 다음 시도 할 수 있습니다.

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); 
    }); 
}) 

여기에 바이올린 작업

관련 문제