javascript - jqueryui 工具提示全局绑定

Question

我在页面上有来来去去、隐藏和显示等动态元素。每次将元素附加到 dom 时，我不想绑定 tooltip()，而是设置一个全局处理程序（通过文档）。它可以工作，除了我想要一个用于多个“项目”的全局处理程序，这不起作用，我找不到一个很好的例子。这是我尝试过的：

$( document ).tooltip({ // works good if its the only one
    items: ":not(.btn-box-share)",
    ... // close, content, etc (methods)
});

$( document ).tooltip({ //! replaces the previous bind to document..
  items: '.btn-box-share',
  ... // different close, content, etc
});

Answer 1

我注意到项目选择器有一些奇怪的行为。我能够通过构建一个选择器对象然后将该对象传递给 items 属性来解决它。在这里可能值得一试。

您还可以使用 hasClass 或类似方法绕过项目并将逻辑构建到您的工具提示函数中。

Answer 2

       $( document ).tooltip({ //
            items: "://
            extraClass:"t3"
        });

使用额外的类选项并使用不同的样式定义来区分它们，无论样式是否不同。实例应该继承它自己的属性并为你工作。我没有尝试过你的特殊情况，但它应该工作。