easyui 实现Tooltip

最新推荐文章于 2020-12-20 13:00:01 发布

weixin_30906185

最新推荐文章于 2020-12-20 13:00:01 发布

阅读量122

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/honghong75042/p/3890749.html

本文介绍了一个使用EasyUI框架实现的地址管理按钮的Tooltip功能示例，该示例展示了如何通过设置Tooltip的弹出内容及触发事件来增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('#btnAddr').tooltip({
            content: $('<div class="table"></div>'), //弹出收件地址
            showEvent: 'mouseover',
            onUpdate: function (cc) {
                cc.panel({
                    width: 650,
                    border: false,
                    href: '/Client/ClientAddressInfo?clientID=' + $("#ClientID").val()
                });
            },
            onShow: function () {
                var t = $(this);
                t.tooltip('tip').unbind().bind('mouseover', function () {
                    t.tooltip('show');
                }).bind('mouseleave', function () {
                    t.tooltip('hide');
                });
            }
        });

<a href="javascript:void(0)" class="btn"><span class="in">
                                        <input type="button" id="btnAddr" class=" easyui-tooltip" style="width: 80px" value="地址管理" /></span></a>