猿问

关于一个Jquery UI tooltip的问题!

var options = {
    animate:true;
    title:result.respMsg,
    trigger:"click"
    };$(#idd).tooltip(options);$(#idd).tooltip('open');

代码如上,很简短,我的问题是我看了tooltip的文档后发现并没有animate,title,trigger这几个option。
我想知道这几个究竟是怎么起作用的阿?


斯蒂芬大帝
浏览 879回答 1
1回答

婷婷同学_

因為...真沒這種用法,查了文檔和源碼都沒找到任何這些參數有用的證據...實際測試也是真的沒用。不過對應的方法是這樣var&nbsp;options&nbsp;=&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;animate:&nbsp;true, &nbsp;&nbsp;&nbsp;&nbsp;show:&nbsp;{&nbsp;effect:&nbsp;"blind",&nbsp;duration:&nbsp;1000&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;hide:&nbsp;{&nbsp;effect:&nbsp;"explode",&nbsp;duration:&nbsp;1000&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;title:&nbsp;result.respMsg, &nbsp;&nbsp;&nbsp;&nbsp;content:&nbsp;result.respMsg,&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;這個沒辦法直接在&nbsp;options&nbsp;中設定,可以綁定&nbsp;click&nbsp;事件,來&nbsp;`open` &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;trigger:"click"};想要實現&nbsp;trigger: click&nbsp;的話會比較複雜:<button&nbsp;class="btn">Tooltip</button>$('.btn').tooltip({&nbsp;items:&nbsp;'.btn',&nbsp;content:&nbsp;"顯示的內容"&nbsp;}); $('.btn').on({&nbsp;&nbsp;"click":&nbsp;function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$(this).tooltip("open"); &nbsp;&nbsp;},&nbsp;&nbsp;"mouseout":&nbsp;function()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).tooltip("disable");&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;} });
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答