Question

我正在使用.tooltip来描述整个页面中的每一个。它适用于所有内容，但页面的标题名称（不仅仅是图标和菜单）显示在屏幕的左下角。如何只为以“step”开头的标题标签设置例外？感谢。

$.widget( "ui.tooltip", {
version: "1.9.2",
options: {
    content: function() {
        return $( this ).attr( "title" );
    },
    hide: true,
    // Disabled elements have inconsistent behavior across browsers (#8661)
    items: "[title]:not([disabled])",
    position: {
        my: "left top+15",
        at: "left bottom",
        collision: "flipfit flip"
    },
    show: true,
    tooltipClass: null,
    track: false,

    // callbacks
    close: null,
    open: null
},

Answer 1

只需为items定义使用普通的jquery选择器：

items: '[title^="step"]:not([disabled])',

应该做的伎俩，为了更多的选择乐趣，请参阅jquery selector documentation

@edit：我刚刚重新阅读了您的问题，要在标题开头用“step”一词排除这些项目，请使用：

items: '[title]:not([disabled]):not([title^="step"])',

Answer 2

<style type="text/css">
/* hide the html title tag from on-screen display */
    #ui-tooltip-0 {
        display: none !important;
        visibility: hidden !important;
    }
</style>

jQuery：如何只为一个标签禁用/制作异常？

2 个答案: