layui 列表文字鼠标经过显示全部信息

 {title: "商品名称", templet: "#goodTitle",align: "center", width: width * 0.1},

<script type="text/html" id="goodTitle">
    {{#  if(d.goodTitle != ""){ }}
    <span style="cursor: pointer; width: 150px;text-overflow: ellipsis;overflow: hidden;display: block;" id='goodTitleMsg'>{{d.goodTitle}}<input type='hidden' value="{{d.goodTitle}}"/></span>
    {{# }  }}
</script>

      var tip_index = 0;
        $(document).on('mouseover', '#goodTitleMsg', function(data){
            var details = data.currentTarget.lastChild.defaultValue;
            if(details!=""){
                tip_index =  layer.tips("<span style='font-size:13px;line-height:20px;'>"+details+"</span>", ($(this)),{ tips: [3, '5CBA59'],time:0,time:0,area: ['200px']});
            }

        }).on('mouseleave', '#goodTitleMsg', function(){
            layer.close(tip_index);
        });