是否可以在 jquery 函数中为 JQuery UI 工具提示设置不同的 UI 主题

Posted 2023-05-09

【中文标题】是否可以在 jquery 函数中为 JQuery UI 工具提示设置不同的 UI 主题

【英文标题】：Is it possible to set different UI theme for JQuery UI tooltip inside jquery function

【发布时间】：2015-04-19 08:34:00

【问题描述】：

是否可以在 jquery 函数中为 JQuery UI 工具提示设置不同的主题。我在同一页面的不同控件上使用其他UI主题，只是想知道有没有办法为tooltip设置不同的UI主题，可能在jquery tooltip函数中。

 <asp:Label ID="lbl" runat="server"  Text='label' title="<p>tooltip text</p>"></asp:Label></td>


$(function () 
    $('[title]').tooltip(
        content: function () 
            var element = $(this);
            return element.attr('title')
        
    );
);

【参考方案1】：

是的，您需要在初始化时指定类名

$('[title]').tooltip(
      tooltipClass: "custom-tooltip-styling"
 );

您可以创建不同的css classes 并根据某些条件以不同的方式使用它。

更多关于tooltip css clss的详细信息 更多关于工具提示parameters

【讨论】：

函数内部是否可以直接引用UI主题ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…" />

@user1263981 那会是什么条件呢？虽然你不能这样做。您可以创建和使用不同的主题，但这将适用于整个页面而不是单个元素。