Question

我在我的网站上使用jQueryUI工具提示。我想在页面上给出一些对象＆＃34; noTooltip＆＃34;防止替换原生ui元素。例如，如果您使用CkEditor，工具提示将有点过于突兀。实际上我使用这段代码来启动工具提示（它适用于整个dom）并且它在DOMReady jquery事件中：

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

如果元素没有＆＃34; noTooltip＆＃34;如何添加ckeck？类？

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

会在任何地方删除工具提示。

Answer 1

请勿在文档上致电.tooltip()。

相反，更具体地选择元素，然后过滤它们：

$(function(){
    $('[data-toggle="tooltip"]').not('.noTooltip').tooltip()
});

Answer 2

您可以使用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>

Answer 3

hasClass（）方法检查是否有任何所选元素具有指定的类名，即noTooltip

了解更多信息http://www.w3schools.com/jquery/html_hasclass.asp

Answer 4

您无需在文档上设置工具提示，只需在所需的元素上设置工具提示。因此，您可以使用没有noTooltip类的标题属性获取所有元素：

$(function() {
    $('[title]:not(.noTooltip)').tooltip();
});

工具提示：排除具有特定ID或类的元素

4 个答案: