jquery - 工具提示 : exclude elements with a specific ID or class

Question

我在我的网站上使用 jQueryUI 工具提示。我想给页面上的一些对象一个“noTooltip”类，以防止 native ui 元素被替换。例如，如果您使用 CkEditor，工具提示会有点过于突兀。实际上我使用这段代码来启动工具提示(它适用于整个 dom)并且它位于 DOMReady jquery 事件中:

$(function() {
    $(document).tooltip();
});

如果元素没有“noTooltip”类，如何添加检查？

$(function() {
    $(document).not('.noTooltip').tooltip();
});

将得到删除各处工具提示的结果。

Answer 1

您可以使用items option

$(function() {
  $(document).tooltip({
    items: ":not(.notooltip)"
  });
});

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>

<div title="t1">t1</div>
<div title="t2">t2</div>
<div title="t3" class="notooltip">t3</div>
<div title="t4">t4</div>
<div title="t5" class="notooltip">t5 <span title="x">span</span></div>
<div title="t6">t6 <span title="y">span</span></div>