EasyUI-Tooltip（提示框）学习

引子：

if($("#BLUETOOTH_a")){
    $("#BLUETOOTH_a").tooltip({
          position: 'right',    
          content: '<span style="color:#fff"><s:text name="com.vrv.cems.policy.template.hardware.bluetooth.info"/></span>',
          onShow: function(){        
              $(".tooltip-arrow").css("border-right-color","#666");
              $(".tooltip").css({
    "background-color":"#666","border-color":"#666"});
             //$(this).tooltip('tip').css({backgroundColor: '#666',borderColor: '#666'});    
          }
    });
}

其中$(this).tooltip('tip')在IE、谷歌下均可以获取到jquery对象，但是在火狐下会报错，所以提示框会是默认的样式，导致显示不了提示的字。

一、创建组件

0.Tooltip不依赖其他组件

1.使用class加载

<a href="#" class="easyui-tooltip" title="这是一个提示信息">Hover me</a>

2.使用js加载

<a href="#" id="tBox" title="这是一个提示信息">Hover me</a>
<script>
    $(function () {
        $("#tBox").tooltip();
    })
</script>

二、属性

1.position：消息框位置（left，right，top，默认bottom）

<a href="#