关闭某些元素jQuery UI的工具提示(Turn off jQuery UI tooltip fo

为简单起见，我想使页面中的所有元素的jQuery UI的工具提示部件：

然后禁用某些元素或元素和他们的后裔。但是，这似乎并没有工作：

$(document).tooltip({ track: true });
$('#menu *[title]').tooltip({ disabled: true });

我的$('#menu *[title]')选择似乎工作如我所料，得到的是有#menu元素的title属性的所有后代元素。

那么，为什么不将禁用选项工作.tooltip({ disabled: true }); 禁止对这些元素的提示？有另一种方式和/或更好的方式来做到这一点？

Answer 1:

设置上的所有元素提示：

$('*').tooltip();

并与禁用

$('#menu *[title]').tooltip('disable');

要：

的jsfiddle

Answer 2:

以上为我工作的答案都不对，好像现在这样做的方法是使用物品选项：

$("*").tooltip({ items: ':not(.menu)' });

Answer 3:

这些都不为我工作已经快把我逼疯了。

这是对我工作：

$(document).tooltip({ content: function () { return $(this).not('#NoTipDiv *[title]').attr('title'); });

$（ '*'）。tootip会严重延误您的页面浏览！

Answer 4:

如果您使用的选择，而不是$(document) ，不要忘记调用代码在正确的时刻。

$(document).tooltip({show: false});
$(document).ready( function(){
    $('#OK_Button').tooltip({disabled: true});
});

Answer 5:

也许$(':not(.menu *[title])').tooltip({ track: true }); ？

Answer 6:

据jQueryUI的文档作为我的答案为准。

$( ".selector" ).tooltip( "option", "disabled", true );

Answer 7:

这就是我现在在做什么..

显示工具提示：

排除带班“noToolTip”任何东西。
然后包括这些：
- 与TITLE属性的元素。
- IMG元件与ALT属性。
- 任何与类“工具提示”和TITLE属性。

这是我的javascript代码。

// Set up tool tips for images and anchors.
$( document ).tooltip({
   items: "img[alt], a[title], .toolTip[title], :not(.noToolTip)",
   track: true,
   content: function() {
      var element = $( this );
      // noToolTip means NO TOOL TIP.
      if ( element.is( ".noToolTip" ) ) {
         return null;
      }
      // Anchor - use title.
      if ( element.is( "a[title]" ) ) {
         return element.attr( "title" );
      }
      // Image - use alt.
      if ( element.is( "img[alt]" ) ) {
         return element.attr( "alt" );
      }
      // Any element with toolTip class - use title.
      if ( element.is( ".toolTip[title]" ) ) {
         return element.attr( "title" );
      }
   }
});

Answer 8:

对于任何与此在ASP.NET MVC剃刀页挣扎。这是由于剃刀帮手。您需要将以下内容添加到@ Html.EditorFor属性。

    autocomplete = "off"

下面是一个例子形式的群里，你会做到这一点。

<div class="form-group">
   @Html.LabelFor(model => model.Field, htmlAttributes: new { @class = "control-label col-md-2" })
   <div class="col-md-10">
      @Html.EditorFor(model => model.Field, new { htmlAttributes = new { @class = "form-control date-field", autocomplete = "off" } })
      @Html.ValidationMessageFor(model => model.Field, "", new { @class = "text-danger" })
   </div>
</div>