Asp.net mvc 如何在MVC4中更改@Html.TextAreaFor的工具提示的大小

如何在MVC4中更改@Html.TextAreaFor的工具提示的大小

嗨

我有一个长文本的文本区域，当鼠标悬停在长文本区域上时，整个文本应该显示在工具提示中

这是我的代码：

@Html.TextAreaFor(model => model.Ref_InsuranceComment.Comment1, new { modalTitle = "Insurance Comments"})

请求是： 更改悬停功能，以便当用户将鼠标悬停在“注释”字段上时，将显示“注释”字段的全部内容

---

我不知道。

我通过添加一些jQuery代码解决了这个问题：

向textarea添加jQuery工具提示

.tooltip
{
    margin: 1px;
    padding: 1px;
    border: 1px solid #0066CC;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 2;
    width: 500px;
}

var showTooltip = function (event) {
    $('div.tooltip').remove();
    if ($(this).val().length > 0) {
        var content = $(this).val();
        content = content.replace(/\n/g, '<BR>');
        $('<div Id="hiddenDiv" class="tooltip">   ' + content + '<BR class=lbr>' + '</div>').appendTo('body');
        changeTooltipPosition(event);
    }
};

var changeTooltipPosition = function (event) {
    var tooltipX = event.pageX - 8;
    var tooltipY = event.pageY + 8;
    $('div.tooltip').css({ top: tooltipY, left: tooltipX });
};

var hideTooltip = function () {
    $('div.tooltip').remove();
};

$("textarea").bind({
    mousemove: changeTooltipPosition,
    mouseenter: showTooltip,
    mouseleave: hideTooltip
});