javascript - 关于一个Jquery UI tooltip的问题!
伊谢尔伦
伊谢尔伦 2017-04-11 11:31:03
[JavaScript讨论组]
var options = {
    animate:true;
    title:result.respMsg,
    trigger:"click"
    };
$(#idd).tooltip(options);
$(#idd).tooltip('open');

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(1)
黄舟

因為...真沒這種用法,查了文檔和源碼都沒找到任何這些參數有用的證據...
實際測試也是真的沒用。

不過對應的方法是這樣

var options = {
    // animate: true,
    show: { effect: "blind", duration: 1000 },
    hide: { effect: "explode", duration: 1000 },
    
    // title: result.respMsg,
    content: result.respMsg,
    
    // 這個沒辦法直接在 options 中設定,可以綁定 click 事件,來 `open`
    // trigger:"click"
};

想要實現 trigger: click 的話會比較複雜:

<button class="btn">Tooltip</button>
$('.btn').tooltip({ items: '.btn', content: "顯示的內容" });
$('.btn').on({
  "click": function() {
    $(this).tooltip("open");
  },
  "mouseout": function() {      
     $(this).tooltip("disable");   
  }
});
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号