我有一些复杂的表单,我想为某些元素组启用工具提示。假设我有多个<li>
元素,每个元素都包含<input>
和<label>
):
<ul>
<li><input ...> <label>...</label></li>
...
</ul>
然后我想为每个<li>
元素添加工具提示,以便当用户在列表项中的任何位置悬停时,工具提示可见:
$('li').each(function () {
$(this).tooltip({ items: '*', content: 'test' })
});
当然,在我的情况下,我将为每个content
元素设置不同的<li>
。每当我打电话给tooltip()
时,我都想为所选元素添加工具提示。由于我的<li>
元素没有title
属性,因此我必须为items
传递一些选择器。我尝试传递*
,哪种工作,但副作用是每个单独的元素都有自己的工具提示,即使每个元素都有相同的内容。你可以在这里看到它:
http://jsfiddle.net/k2c3uego/4/
我知道对于这个例子,我可以传递li
作为选择器,但是当我有嵌套的<li>
元素或者找不到所有的简单选择器时,这将不起作用我首先使用jQuery选择的元素。
有没有办法以一种方式调用tooltip()
,只是将工具提示添加到所选元素(即调用tooltop()
的选择中包含的元素)?