비활성화 된 버튼에 툴팁을 표시하고 활성화 된 버튼에 툴팁을 숨기는 방법

Question

비활성화 된 버튼에 툴팁을 표시하고 활성화 된 버튼에 툴팁을 숨길 필요가 있습니다.

확인란과 버튼이 있습니다. 확인란을 선택하면 버튼을 사용 설정해야합니다. 버튼을 사용 중지하고 버튼을 사용하지 않는 이유를 설명하고 싶습니다.

비활성화 된 버튼의 일반적인 시나리오에서는 도구 설명이 나타나지 않습니다.

나는 아래의 링크를 displaying dojo tooltip on a disabled validation text box

에서 disabed 버튼에 툴팁을 표시하는 코드를 가지고하지만 난 툴팁이 버튼을 활성화하는 방법에 대한 숨길 수 싶습니다. 솔루션을 제공해주십시오.

Answer 1

귀하의 필요에 맞게 displaying dojo tooltip on a disabled validation text box 링크의 예가 수정되었습니다.

html 
<span id="abcd"> 
<input type="button" disabled="true" dojoType="dijit.form.Button" id="button1" label="MyButton" /> 
</span> 
<div dojoType="dijit.Tooltip" connectId="button1" jsId="tt1" label = "Why the button is disabled?" ></div> 

JS 부분 위의 대답은 문제를 해결 않았다

<script> 
    dojo.require("dijit.form.Button"); 
    dojo.require("dijit.Tooltip"); 
    dojo.require("dijit.TooltipDialog"); 
    dojo.require("dojox.fx"); 

    var dialog; 

    dojo.addOnLoad(function() { 

     dojo.connect(dijit.byId('button1').domNode,'mouseenter', function(){ 
      console.log("HI"); 
      // Modified code ***START*** 
      var button = dijit.byId('button1'); 
      var disabled = button.get("disabled"); 
      if (disabled){ // disabled == true 
       tt1.open(this); 
      }; 
      // Modified code ***END*** 

     }) 

     dojo.connect(dojo.byId('abcd'),'mouseleave', function(e){ 
      tt1.close(); 
      console.log("HI2") 
     }) 


     tt1.addTarget(dojo.query('input', dijit.byId('someId11').domNode)); 
    }); 
</script>